ISSUE NO.
25
2024-11-17 • 20 MIN
2024-11-17
Promises in JavaScript
المقالة دي غير إن هي بتتكلم عن الـpromise وبتشرحه بأمثلة عملية بتشرحلك إزاي عملوا Implementation للـ Promise
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: 04 / 07
TOTAL LOGS: [53]
ISSUE NO.
26
2024-09-15 • 6 MIN
2024-09-15
Interface Vs Type
إحنا في TypeScript عندنا طريقتين لتحديد الshape of data ممكن نستخدم types أو interfaces وسؤال دايمًا بيتسأل في TypeScript هو "نستخدم (types) ولا (interfaces)؟" وإيه الفرق بينهم ؟
ISSUE NO.
27
2024-09-05 • 16 MIN
2024-09-05
Chrome Extensions
بص يا سيدي، إضافات كروم دي زي برامج صغيرة كده بتركبها على متصفح كروم بتاعك عشان تضيفله حاجات جديدة. يعني مثلاً:
ISSUE NO.
28
2024-08-28 • 27 MIN
2024-08-28
JavaScript Preformance Optimization
بفضل الله دي أكبر مقالة ممكن تقابلها بتتكلم في الـtopic دا بالتفصيل والمعلومات دي وأمثلة advanced بالكود كامل ، المقالة دي محتاجة تركيزك بالكامل
ISSUE NO.
29
2024-08-26 • 8 MIN
2024-08-26
useTransition Hook in React
أي hook إتعمل بييجي عشان case محتاجها أو مشكلة أنا محتاج أحلها ، ال hook دا مهم لو عاوز تoptimize ال performance قبل ما نخش على الـ useTransition، لازم نفهم الأول المشكلة اللي بتواجهنا
ISSUE NO.
30
2024-08-25 • 2 MIN
2024-08-25
Safe Assignment Operator in JavaScript
لو إنت جاي من باك جراوند لغات زي Go، Rust ف أعتقد إنك فهمت البوست كله لإنها واخدة الفكرة من اللغات دي تقدر تقول هتودع كتابة ال Try-Catch Blocks في ال error handling ف هي الفكرة ف إنه واخد الفكرة كلها من اللغات دي نفسها ف إنه يتعامل مع ال error ك values عشان كده في Proproposal جديد وطبعا لازم يعدي علي كل الـstages ويتقبل عشان يبقي supported
ISSUE NO.
31
2024-08-24 • 7 MIN
2024-08-24
Virtual DOM in React
خلينا نتكلم شوية عن السر اللي بيخلي المواقع المفضلة عندك سريعة ومستجيبة بالشكل ده. السر في الموضوع ده بيرجع لطريقة التعامل مع الـ DOM. الـ (Document Object Model) بيمثل الصفحة بتاعتك على هيئة structured tree. زمان كنا بنستخدم طرق في الـ JavaScript زي getElementById أو removeChild عشان نعمل تعديلات على الصفحة. لكن مع تعقيد المواقع الويب وتوسعها، الطرق دي ممكن تخلي الأداء بطيء. هنا بتيجي قوة React بالـ Virtual DOM اللي غيرت قواعد اللعبة تمامًا.
ISSUE NO.
32
2024-08-23 • 4 MIN
2024-08-23
Error Boundaries - The Security Net for Your App 🛡️
ببساطة هما components في React بتتحط حوالين components تانية عشان تCatch أي أخطاء تحصل في الـrendering أو ال Lifecycle Methods بتاعة الcomponents دي. يعني زي شبكة أمان كده بتمنع التطبيق كله إنه ي failing لو فيه خطأ حصل في component معين. الفكرة إننا بدل ما المستخدم يشوف شاشة بيضا أو الأبلكيشن مش شغال بنعرضله fallback UIs