ISSUE NO.
17
2025-03-08 • 27 MIN
2025-03-08
How To Build Your Own Css Framework
دليل شامل لبناء مكتبة CSS خاصة بك، يتضمن مراحل التخطيط والتحضير، إعداد هيكل المشروع، بناء الأساسيات، نظام Grid، والمكونات المختلفة مثل Buttons والـForms والـCards
FIRST EDITION // VOL. 01 PRESS & TECHNICAL DISPATCHES
AG Coding.
Welcome to my personal Blog! Here, you can find an overview of my Articles as a Web Developer and Content Creator
// FILTER BY TOPIC SECTOR [2 SECTORS]
INDEX.TAGS //
# Advanced [4] # Advanced CSS [1] # AJAX [1] # API [1] # Architecture [6] # Async [2] # Backend [6] # Caching [2] # Clean Code [1] # CSS [7] # Error Handling [1] # Frontend [1] # HTML [1] # HTTP [4] # Interview Questions [3] # JavaScript [38] # JS [32] # Memory [1] # Middleware [1] # Modules [1] # Next [1] # Next.js [3] # NextJS [3] # Node.js [6] # React [13] # React Router [1] # ReactJS [11] # Redux [1] # SCSS [1] # SSR [1] # State Management [1] # System Design [1] # tailwind [1] # Testing [1] # TypeScript [1] # V8 [1] # Web Browser [2] # Web Development [48] # Zustand [1] # Advanced [4] # Advanced CSS [1] # AJAX [1] # API [1] # Architecture [6] # Async [2] # Backend [6] # Caching [2] # Clean Code [1] # CSS [7] # Error Handling [1] # Frontend [1] # HTML [1] # HTTP [4] # Interview Questions [3] # JavaScript [38] # JS [32] # Memory [1] # Middleware [1] # Modules [1] # Next [1] # Next.js [3] # NextJS [3] # Node.js [6] # React [13] # React Router [1] # ReactJS [11] # Redux [1] # SCSS [1] # SSR [1] # State Management [1] # System Design [1] # tailwind [1] # Testing [1] # TypeScript [1] # V8 [1] # Web Browser [2] # Web Development [48] # Zustand [1]
// COMPLETE TAG DIRECTORY (39 TAGS) CLICK ANY TAG TO FILTER DISPATCHES
# Advanced 4 # Advanced CSS 1 # AJAX 1 # API 1 # Architecture 6 # Async 2 # Backend 6 # Caching 2 # Clean Code 1 # CSS 7 # Error Handling 1 # Frontend 1 # HTML 1 # HTTP 4 # Interview Questions 3 # JavaScript 38 # JS 32 # Memory 1 # Middleware 1 # Modules 1 # Next 1 # Next.js 3 # NextJS 3 # Node.js 6 # React 13 # React Router 1 # ReactJS 11 # Redux 1 # SCSS 1 # SSR 1 # State Management 1 # System Design 1 # tailwind 1 # Testing 1 # TypeScript 1 # V8 1 # Web Browser 2 # Web Development 48 # Zustand 1
DISPATCHES // ARCHIVE INDEX ALTERNATING.SPEC
CHRONOLOGICAL TECHNICAL SPECIFICATIONS & ENGINEERING LOGS
SECTOR PAGE: 03 / 07
TOTAL LOGS: [53]
ISSUE NO.
18
2025-03-01 • 16 MIN
2025-03-01
How Web Works
كل مرة بتفتح موقع أو تعمل بحث على جوجل، فيه ملايين العمليات بتحصل وراك عشان تقدر تشوف المحتوى بسرعة ومن غير مشاكل. تخيل إن كل ضغطة زر بتبدأ رحلة معقدة من الطلبات والاستجابات، وده كله بيتم في أقل من ثانية!
ISSUE NO.
19
2025-02-15 • 7 MIN
2025-02-15
How to optimize Next.js applications
إزاي تحسّن تطبيقات Next.js بتاعتك عشان تبقى أسرع وأحسن
ISSUE NO.
20
2025-02-04 • 15 MIN
2025-02-04
Largest Contentful Paint (LCP)
كل ما بنفتح موقع على النت، بنستنى ثواني معدودة عشان نشوف المحتوى. لو الموقع اتأخر، بنقفل ونروح لموقع تاني. ودي مشكلة كبيرة لأصحاب المواقع. جوجل فاهمة ده كويس، وعشان كده عملت مقاييس الـ Core Web Vitals، واللي من أهمها الـ Largest Contentful Paint (LCP).
ISSUE NO.
21
2025-01-22 • 13 MIN
2025-01-22
Keyboard Events
تخيل إنك قاعد قدام باب بيتك، وكل ما حد يعمل حاجة على الباب (يخبط، يفتح، يقفل) انت بتعرف وبترد على الحدث ده.
ISSUE NO.
22
2025-01-06 • 13 MIN
2025-01-06
React Server Components
مش بس بشرحلك كيفية استخدام React Server Components، بس بشرحلك ليه هي ظهرت وإيه هو الـRsc Payload
ISSUE NO.
23
2024-12-12 • 11 MIN
ISSUE NO.
24
2024-11-28 • 12 MIN
2024-11-28
Closure in JavaScript
تخيل معايا إنك عندك صندوق، وجوا الصندوق ده في صندوق تاني أصغر. الصندوق الصغير ده يقدر يشوف ويستخدم كل حاجة موجودة في الصندوق الكبير، حتى بعد ما الصندوق الكبير يتقفل. ده بالظبط هو الـ Closure في الجافاسكريبت!