السلام عليكــــــــــــم دي الحلقة الـ20 من سلسلة #frontendperformance بالعربي. فالحلقة دي هنتكلم علي performance technique جديد وهو الـ JavaScript Compression هنتكلم علي الـ Minification والـ Http Compression, هنتكلم علي أنواع الـ Compression سواء lossy او lossless واخيارنا

السلام عليكــــــــــــم إن شاء الله هبدأ سلسلة فيديوهات جديدة هنتكلم فيها عن Frontend System Design بالعربي والي في وجهة نظري واحد من أهم المواضيع في Frontend ولكن للاسف الكلام والمصادر عنه قليل. هنتكلم في الـسلسلة دي ان شاء الله عن مواضيع كتيرة, هنعرف ليه الـ Frontend System

السلام عليكــــــــــــم دي الحلقة الـ2 من سلسلة #frontendsystemdesign بالعربي. فالحلقة دي هنتكلم علي الفرق بين الـ Frontend System Design و الـ Backend System Design وهنفهم مع بعض الجوانب المختلفة الي كل واحد فيهم بيهتم بيها, وهنشوف ده علي مثال وازاي الأختلافات دي بتظهر.

Neat lil learning from today’s performance.now() conference (via Umar Hansa): You can now throttle individual requests in Chrome! Neat for experimenting with stuff like - lazy-loading: does the UI look okay if this chunk takes MUCH longer to arrive? - resilience: what happens if this specific CDN

السلام عليكــــــــــــم دي الحلقة الـ3 من سلسلة #frontendsystemdesign بالعربي. فالحلقة دي هنتكلم على الفرق بين الـ Frontend System Design و الـ Frontend Architecture. هنبدأ من الأول بالكلام على الـ Software Architecture وايه المقصود بيه والـ definitions المختلفة ليه, وبعدين

السلام عليكــــــــــــم دي الحلقة الـ4 من سلسلة #frontendsystemdesign بالعربي. فالحلقة دي هنبدأ نتكلم علي RADIO Framework وهنبدأ بأول خطوة وهي الـ R (Requirement Exploration) وهنتكلم قد ايه الخطوة دي مهمة والي بيتبني عليها كل الـ Steps بعد كدا سواء بنتكلم علي Design Problem في

السلام عليكــــــــــــم دي الحلقة الـ5 من سلسلة #frontendsystemdesign بالعربي. فالحلقة دي هنتكلم علي تاني خطوة معانا في الـ RADIO Framework وهي الـ Architecture/High-Level Design هنعرف مع بعض ايه الهدف من الخطوة دي, وازاي هي بتبني علي الـ Requirement Exploration Step وهنشوف

بجد سلسلة متعوب عليها و مبسوط جدا بيها جزاك الله خيرا علي مجهودك و منتظرين الحلقة الجديدة. this is Infographic summary.

السلام عليكــــــــــــم دي الحلقة الـ6 من سلسلة #frontendsystemdesign بالعربي. فالحلقة دي هنتكلم علي تالت خطوة معانا في الـ RADIO Framework وهي الـ Data model/Core entities هنعرف مع بعض ايه الهدف من الخطوة دي, وازاي بتساعدنا نوصف الـ system من وجهة نظر الـ data. هنتكلم علي

السلام عليكــــــــــــم دي الحلقة الـ7 من سلسلة #frontendsystemdesign بالعربي. فالحلقة دي هنتكلم علي رابع خطوة معانا في الـ RADIO Framework وهي الـ Interface definition (API), هنعرف مع بعض ايه المقصود بالـ API في الـ Frontend System Design وازاي بنستخدم المصطلح ده بشكل أشمل من

السلام عليكــــــــــــم دي الحلقة الـ8 من سلسلة #frontendsystemdesign بالعربي. فالحلقة دي هنتكلم علي أخر خطوة معانا في الـ RADIO Framework وهي الـ Optimizations and deep dive هنعرف ايه الهدف من الخطوة دي وازاي أهميتها في انها الخطوة الي فيها بنتكلم علي الـ core area في اي

السلام عليكــــــــــــم دي الحلقة الـ9 من سلسلة #frontendsystemdesign بالعربي. فالحلقة دي هنتكلم علي واحد من أمتع المواضيع في Frontend System Design وهو Component API Design كـ frontend بنتعامل مع components تقريبا طول الوقت, سواء بنكتب components وناس بتستخدمها او بنستخدم

السلام عليكــــــــــــم دي الحلقة الـ10 من سلسلة #frontendsystemdesign بالعربي وفي الحلقة دي هنتكلم علي Appearance as an API أتكلمنا في الحلقة الي فاتت علي الـgood و الـbad component design واتكلمنا علي ازاي الـ component بتكون أحسن كل ما كانت customizable أكتر ولكن متكلمناش

Today AI Video stops being slop. Introducing Wondercraft Video, an AI video studio built for real work. Create explainer videos, trainings, product launches, ads, and more by describing what you want. RT and comment “WONDA” and I’ll DM you 1,000 free credits.

Earlier this week, we launched Wondercraft Video. Ahead of launch, we gave access to 10 creators and ran a $25K challenge to make our launch video. The results were wild and showed how AI video can be actually useful. RT and comment “WONDA” and I’ll DM you 1,000 free credits.

السلام عليكــــــــــــم دي الحلقة الـ11 من سلسلة #frontendsystemdesign بالعربي هنتكلم في الحلقة دي علي Pagination techniques, هنعرف ايه هو الـ pagination وايه المشاكل الي بيحاول يحلها هنتكلم علي أشكال الـ pagination من ناحية الـ UI/UX والأختلافات بينهم وهنتكلم علي الجزء الأهم

السلام عليكــــــــــــم دي الحلقة الـ12 من سلسلة #frontendsystemdesign بالعربي هنبدأ نتكلم من الحلقة دي علي موضوع جديد وهو الـ Icons rendering techniques الـ Icons جزء أساسي من اي website/webapp بنشتغل عليه وفي الأغلب بيكون عدد الـ Icons في الـ page كبيرة; مع زيادة أستخدام

السلام عليكــــــــــــم دي الحلقة الـ13 من سلسلة #frontendsystemdesign بالعربي في الحلقة دي هنكمل كلامنا عن الـ Icons rendering techniques هنبدأ نتكلم علي أول 3 techniques, هنعرف مع بعض ازاي كل واحد فيهم بيشتغل والحاجة الي الـ technique ده بيحاول يحلها, وايه مميزاته وعيوبه

السلام عليكــــــــــــم دي الحلقة الـ14 من سلسلة #frontendsystemdesign بالعربي هنتكلم فيها علي أخر جزء من الـ Icons rendering techniques هنشوف بالتفاصيل الـ techniques الي بتركز أكتر علي الـ SVGs هنتكلم علي SVG as asset, Inline SVG وأخر حاجة SVG Sprites (Internal vs External)

السلام عليكــــــــــــم دي الحلقة الـ15 من سلسلة #frontendsystemdesign بالعربي هنتكلم في الحلقة دي علي واحد من المواضيع الممتعة وهو الـ Normalization هنبدأ كلامنا علي نظرة علي طبيعة الـ state في أغلب الـ apps الي بنبنيها وبنستخدمها من حيث انها relational data, وهنتكلم علي الـ