Event-based Code Replayer
Scrimba مش platform بتسجّل فيديوهات screen capture زي أي كورس تقليدي، لأ، هما عندهم proprietary playback engine بيشتغل كـ event-based replayer. بدال ما يسجّلوا فيديو، هما بيسجّلوا كل حاجة بتحصل جوه الـ code editor كـ discrete DOM + editor-level events: keypresses, cursor movement, selection, deletions، وحتى clipboard interactions.
3667 words
|
18 minutes
How To Build Your Own Css Framework
دليل شامل لبناء مكتبة CSS خاصة بك، يتضمن مراحل التخطيط والتحضير، إعداد هيكل المشروع، بناء الأساسيات، نظام Grid، والمكونات المختلفة مثل Buttons والـForms والـCards
5382 words
|
27 minutes
How Web Works
كل مرة بتفتح موقع أو تعمل بحث على جوجل، فيه ملايين العمليات بتحصل وراك عشان تقدر تشوف المحتوى بسرعة ومن غير مشاكل. تخيل إن كل ضغطة زر بتبدأ رحلة معقدة من الطلبات والاستجابات، وده كله بيتم في أقل من ثانية!
3288 words
|
16 minutes
How to optimize Next.js applications
إزاي تحسّن تطبيقات Next.js بتاعتك عشان تبقى أسرع وأحسن
1359 words
|
7 minutes
Largest Contentful Paint (LCP)
كل ما بنفتح موقع على النت، بنستنى ثواني معدودة عشان نشوف المحتوى. لو الموقع اتأخر، بنقفل ونروح لموقع تاني. ودي مشكلة كبيرة لأصحاب المواقع. جوجل فاهمة ده كويس، وعشان كده عملت مقاييس الـ Core Web Vitals، واللي من أهمها الـ Largest Contentful Paint (LCP).
2919 words
|
15 minutes
Keyboard Events
تخيل إنك قاعد قدام باب بيتك، وكل ما حد يعمل حاجة على الباب (يخبط، يفتح، يقفل) انت بتعرف وبترد على الحدث ده.
2638 words
|
13 minutes
React Server Components
مش بس بشرحلك كيفية استخدام React Server Components، بس بشرحلك ليه هي ظهرت وإيه هو الـRsc Payload
2597 words
|
13 minutes
Hidden Powers of Css
حاجات محدش هيقولهالك عن الـ CSS
2215 words
|
11 minutes