AG Coding

описание

Some Challenges And Applications On Frontend Development maded By @abdoelazizgamal Don't Forget Follow And Subscribe My Youtube channel https://www.youtube.com/c/AbdoELAzizGamal?sub_confirmation=1

← к каналу @agcoding

1 179

подписчиков

Охват к подписчикам

57,5%

ERR

Реакции к просмотрам

0,15%

20 на 20 постов

Пересылки к просмотрам

0,29%

Постов в день

0,0

всего 20

Где отзываются чаще

доля реакций к просмотрам

20 февр.رمضان مُبارك عليكم جميعًا ♥️1,22%
19 мар.عيد فِطر مٌبارك عليكم جميعًا ♥️0,84%
21 февр.What is Backend Really? معظم الـ Frontend Devs شايفين الـ Backend بالشكل ده: fetch("/api/users") يرجع JSON… وخلاص. لكن قبل ما السطر ده يشتغل، بيحصل: DNS TCP Handshake TLS Encryption Reverse Proxy Load Balancing Authentication Caching Database Indexing الـ Backend مش “API”. الـ Backend هو نظام كامل بيشتغل تحت ضغط آلاف المستخدمين وبيحمي الداتا وبيضمن الاستقرار وبيتعامل مع الفشل قبل ما إنت تحس بيه. أهم مبدأ؟ Never trust the client. HTTP is Stateless. الفرق بين Junior و Engineer؟ الجونيور بيكتب كود يشتغل. المهندس بيكتب كود يشتغل في Production. Day 1 من رحلة التحول لـ Backend اقرأ المقال هنا: [https://agcoding-blog.vercel.app/posts/what-is-backend-really/] #Backend #SystemDesign #Nodejs #WebDevelopment0,40%
7 нояб.https://www.linkedin.com/posts/activity-7392616469773250560-IN_I?utm_medium=ios_app&rcm=ACoAAC5FoGcB_ZF-qqZyWU1avd4ojJ8sF-2l7Ss&utm_source=social_share_send&utm_campaign=copy_link0,37%
24 февр.Express مش هو السيرفر. هو مجرد comfort layer فوق: http.createServer() المشكلة مش إنك تستخدم Express. المشكلة إنك تستخدمه قبل ما تفهم هو بيخبي إيه. أول مرة تبني HTTP Server بإيدك بتكتشف الحقيقة: الـ Request مش JSON. هو Stream من bytes. والـ Routing ده مش: app.get('/users') هو فعلياً: if (req.method === 'GET' && req.url === '/users') مفيش Magic في Express. في abstractions بس. وكل abstraction ليه cost: Layers زيادة Objects زيادة Parsing زيادة Overhead مش شايفه Backend مش Framework. Backend يبدأ من: TCP → HTTP → Streams → Server لو مش فاهم السلسلة دي… أنت بتستخدم Tools مش فاهمها. الفرق بين Junior و Backend Engineer: الجونيور: يكتب Express routes. المهندس: فاهم الـ Runtime اللي Express مبني فوقه. المقال: https://agcoding-blog.vercel.app/posts/build-http-server-without-express/ #Nodejs #Backend #Engineering #Runtime #HTTP0,31%
18 июл. 2025 г.إعتبره update لكورس االـtailwind اللي عملته ، دي مقالة فيها كل الـupdates اللي حصلت ف Tailwind v4 وشارح فيها كل حاجة بالتفصيل https://agcoding-blog.vercel.app/posts/tailwind-v4/ ودا لينك الكورس لو لسه مشوفتوش https://www.youtube.com/watch?v=dr2GVki4HAs&list=PLnD96kXp-_pMR9cBUmvsz_kIIt9bv2UIP0,29%
15 дек.مقالتين في أسبوع ، دعواتك بقي https://www.linkedin.com/posts/activity-7406430459641118720-NDsR?utm_medium=ios_app&rcm=ACoAAC5FoGcB_ZF-qqZyWU1avd4ojJ8sF-2l7Ss&utm_source=social_share_send&utm_campaign=copy_link0,18%
26 февр.أغلب مشاريع Backend مش بتنهار بسبب Performance. بتنهار بسبب Project Structure. في الأول كل حاجة تبقى ماشية: controllers/ services/ utils/ models/ شكل Professional… لكن بعد شوية: Dependencies تتشابك كل Feature تبقى مخاطرة Bug صغير يكسر نص السيستم وساعتها تفهم الحقيقة: Project Structure مش تنظيم ملفات. Project Structure هو: Architecture متخفية. هو اللي بيحدد: مين يعتمد على مين إيه اللي مسموح يتوصل بإيه وإيه لازم يفضل معزول Junior Backend: يرتب folders. Backend Engineer: يصمم Modules و Dependency Flow. لأن: Module مش Folder. Module هو Boundary. المقال: https://agcoding-blog.vercel.app/posts/project-structure-and-modules/ #Nodejs #Backend #Architecture #Engineering #CleanCode0,18%
19 мар.https://www.linkedin.com/posts/abdoelazizgamal_%D8%A3%D8%AE%D8%B7%D8%B1-%D8%AD%D8%A7%D8%AC%D8%A9-%D9%81%D9%8A-middleware-%D8%A5%D9%86%D9%83-%D8%AA%D9%82%D8%AF%D8%B1-%D8%AA%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%D9%87%D8%A7-share-7440386731897683968-N8Hj?utm_source=social_share_send&utm_medium=ios_app&rcm=ACoAAC5FoGcB_ZF-qqZyWU1avd4ojJ8sF-2l7Ss&utm_campaign=copy_link0,16%
13 дек.مقالة سريعة بس صدقني إنت محتاجها جدًا .. https://www.linkedin.com/posts/activity-7405655062385250305-Q425?utm_medium=ios_app&rcm=ACoAAC5FoGcB_ZF-qqZyWU1avd4ojJ8sF-2l7Ss&utm_source=social_share_send&utm_campaign=copy_link0,16%
20 февр.كل سنة وانتوا طيبين ورمضان مٌبارك عليكم يارب♥️ Deep Dive into Zustand with Next.js: Architecture & Hydration لو اشتغلت بـ Next.js + Zustand قبل كده، فأكيد قابلت مشاكل زي: • Hydration mismatch • State بيختلف بين الـ server والـ client • Errors من نوع: “Text content does not match server-rendered HTML” في المقال ده شرحت: • ليه التحديات دي بتحصل فعلًا • إزاي تبني Store architecture صح مع SSR • أنماط عملية لتجنب مشاكل hydration • تنظيم scalable للـ state management في مشاريع production المقال ده مش intro… ده تفكيك حقيقي للمشكلة وحلول production-ready. اقرأ المقال هنا: [https://agcoding-blog.vercel.app/posts/zustand-nextjs-guide-ar/]0,15%
22 февр.Node.js مش “Single Threaded” زي ما فاكرين. هو Single Threaded في تنفيذ JavaScript… لكن مش في الانتظار. السيرفرات التقليدية كانت بتعمل Thread لكل Request. 10,000 مستخدم = 10,000 Thread = RAM ضخمة + Context Switching + انهيار تحت الضغط. Node عمل حاجة أذكى: نقل “الانتظار” لنظام التشغيل. الـ Main Thread: • يستقبل الطلب • يفوض الـ I/O • يكمل يخدم غيره • يرجع ينفذ الـ Callback لما الرد يجه يعني المشكلة عمرها ما كانت “عدد Threads”. المشكلة كانت “مين اللي بيستنى”. الـ Event Loop مش مجرد Concept أكاديمي. هو سبب إن سيرفر واحد يقدر يخدم آلاف الاتصالات بدون ما يولع. لكن… حطيت CPU-heavy code على الـ Main Thread؟ خلاص — رجعنا لعصر Apache 2005. الفرق بين Junior و Backend Engineer: الجونيور يتعلم API. المهندس يفهم الـ Runtime. لينك المقال https://agcoding-blog.vercel.app/posts/nodejs-internals-simplified/ #Nodejs #Backend #SystemDesign #Performance #Engineering0,13%