SYS.ONLINE
[ ASK_ME ↗ ]
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]
ALL_DISPATCHES Advanced React [1] Web Development [52]
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]
DISPATCHES // ARCHIVE INDEX ALTERNATING.SPEC
CHRONOLOGICAL TECHNICAL SPECIFICATIONS & ENGINEERING LOGS
SECTOR PAGE: 06 / 07
┌ ┐ └ ┘
ISSUE NO.
41
2024-07-31 • 2 MIN
Web Development

Detect Adblocker in JS

النهارده كنت محتاج أكتشف إذا كان المستخدم مشغل adblocker ولا لأ. ممكن تسأل ليه؟ في الحالة دي، كنت عاوز أتحقق من بعض بيانات المستخدم عن طريق نظام خارجي، لكن الـ adblockers زي Ghostery هتمنع الاتصال دا. مثال ع المواقع العالمية اللي بتستخدم اتصالات بأنظمة خارجية هو موقع Facebook اللي بيتتبع تفاعل المستخدمين عن طريق Google Analytics. لو كان المستخدم مشغل adblocker، الطلبات دي ممكن تتمنع.

#JavaScript #JS #Web Development
OPEN DISPATCH
#41
BLUEPRINT // SPEC 41
┌ ┐ └ ┘
ISSUE NO.
42
2024-07-29 • 5 MIN
Web Development

Garbage Collection - Memory Management in JavaScript

لو هنتكلم عن الmemory management بشكل عام ف لغات البرمجة بتتقسم لشقين ، شق بيخليك إنت كمبرمج تتحكم manualluy ب إيدك وتخصص الmemory و ت free up زي ال c++ وال c عن طريق functions زي malloc و free وغيرهم وتقدر تستخدم libraries تضيف نوع من أنواع ال garbage collection زي boehm-demers-weiser ، بس دي مش جزء من اللغة نفسها ، ولغات تانية بتعمل دا بشكل automated عن طريق الgarbage collection زي الjava و python و js ، فيه شق تالت بقي خرج برا الصندوق وفكرت بشكل مختلف زي Rust ، عملت نظام خاص بيها إسمه الownership بيطبق وقت الcompile time وبيتكون من شوية principles زي الsingle owner وال scope و ال borrowing وال safe references ، تعال بقي نتكلم ف حبيبتنا ،

#Memory #JS #JavaScript
OPEN DISPATCH
#42
BLUEPRINT // SPEC 42
┌ ┐ └ ┘
ISSUE NO.
44
2024-07-20 • 2 MIN
Web Development

Cross-Site Request Forgery , Understanding SOP, CORS

هل إنت من المبرمجين الشريرين ولا مبرمج طيوب لذوذ ؟ متستغربش تعال أقولك سيناريو غريب شوية،حازم بيستخدم موقعك من نفس المتصفح اللي بيخش بيه ع موقع زي ٱموالي أو موقع البنك يخلص معاملاته الرقمية ، واللي بيفتح منه برضه جيميل ف طبعا المتصفح بيخزن ال cookies بتاعة حازم طبعا إنت عارف الconcept بتاع AJAX (Asynchronous JavaScript And XML) طب م أحاول في موقعي أعمل كود JavaScript يجيبلي بيانات حازم من المتصفح وبعدين أستخدم AJAX علشان أبعت ريكوست عشان أخزن بيانات حساب حازم أو أبعت ريكوست للجيميل كأني حازم

#HTTP #Caching #Web Browser
OPEN DISPATCH
#44
BLUEPRINT // SPEC 44
┌ ┐ └ ┘
ISSUE NO.
45
2024-07-13 • 3 MIN
Web Development

Media Queries vs Container Queries

زمان قبل 2010، كان مصممي الويب يقدروا يعملوا مواقع تناسب الديسكتوب بس. لحد ما جه Ethan Marcotte وقدم لنا مفهوم الـResponsive Web Design (RWD)، واللي عرفه موقع MDN بأنه طريقة لتصميم الويب عشان يناسب كل الأجهزة. وده خلى الـmedia queries عنصر أساسي في الRWD . لكن دلوقتي في تحول ناحية حاجة جديدة عرفتها Jen Simmons بـIntrinsic Web Design – اللي بتركز على عمل مكونات بتفهم السياق اللي هي فيه. وContainer Queries هي اللي بتخلي ده ممكن.

#CSS #Web Development
OPEN DISPATCH
#45
BLUEPRINT // SPEC 45
0102030405
06
07
TERMINAL.COLOPHON // CORE v2.5
LAST.DISPATCH: 2026.09.19
guest@ag-coding:~ (interactive-zsh)
LIVE CLI
// Welcome to AG Coding Interactive Terminal. Click a command below or type help:
guest@ag:~$ status --all
Indexed 53 dispatches (80.8K words / ~6.7 hrs reading time) across 2 sectors.
RUN //
RSS SITEMAP
01 // ISSUES ●
53
Published Articles
02 // CORPUS ≈ 6.7H
80.8K
Total Words Written
03 // SECTORS #
2/39
Categories & Tags
04 // UPTIME 99.9%
ONLINE
Static Edge Node
QUANTUM TELEPORTER // ROULETTE 1-CLICK JUMP
TARGET DESTINATION:
Race Conditions في React — لما الطلب القديم يسبق الجديد ويكتب فوقه
TELEPORT NOW ↗
RADAR.MONOLITH // GEOMETRIC VECTOR TYPOGRAPHY
SHAPE //
AG CODINGAG CODINGCAD.SCHEMATIC // VECTOR.GEOMETRY [60.0 HZ]SPEC.ID // AG-CODING-MONOLITH [SCALE 1:1]CHAMFER: 45.0° // LOCKED
© 2026 Abdoelaziz Gamal // ALL RIGHTS RESERVED.
30.0444° N, 31.2357° E ■ DESIGNED & ENGINEERED IN CAIRO
OPERATOR // RADAR.HUD
SCROLL.PROGRESS
00% LIVE
Abdoelaziz Gamal
LIVE
// CHIEF ARCHITECT
Abdoelaziz Gamal
REACT.JS NEXT.JS SYS.ARCH
root@ag-coding:~# cat dossier.log ● UTF-8

Full-stack engineer from Mansoura. 5+ years shipping TypeScript / Next.js products — dashboards, multi-tenant apps, CRM, LMS, e-commerce. Behind AG Coding.