شرح وملخصات ملوّنة لمواضيع البرمجة — بأمثلة من الحياة، صناديق تحذير ونصايح، وفي آخر كل فصل checklist واختبر نفسك.
من pnpm workspaces لـ Turborepo ومشروع حقيقي بـ NestJS و React، لحد الـ CI والـ Docker و Nx — خطة ٤ أسابيع.
اتقرأ ٠ من ٦ (٠٪)ملخص وشرح لكتاب Designing Data-Intensive Applications لـ Martin Kleppmann — من الـ storage engines لحد الـ consensus والـ streams، بأمثلة مصرية وأسئلة إنترفيو.
اتقرأ ٠ من ١٨ (٠٪)شرح وتلخيص أفكار الـ System Design Interview — من الـ scale لحد YouTube و Google Drive، بأمثلة من الحياة و tradeoffs واضحة.
اتقرأ ٠ من ١٧ (٠٪)شرح مذكرة MCP لنسخة الدوكس 2026-07-28 — من المعمارية لحد الـ Inspector، بأسلوب المذاكرة مش ترجمة حرفية.
اتقرأ ٠ من ١٩ (٠٪)ليه قائمة الـ sidebar في الداشبورد بتتقفل بنعومة، وإزاي تعملها بـ grid من غير ما تحسب ارتفاع القائمة.
اتقرأ ٠ من ٤ (٠٪)راوتنج type-safe لـ React من الصفر — ملفات، بارامترات، search params، وتحميل الداتا قبل ما الصفحة تتفتح.
اتقرأ ٠ من ٧ (٠٪)إدارة الداتا الجاية من الـ API — كاش، إعادة جلب، كتابة، وتصفّح مستمر. دي مش مكتبة راوتنج.
اتقرأ ٠ من ٨ (٠٪)حالة الواجهة من غير Reducer ولا Provider. الفرق عن Redux، وكل واجهة ووسيط في المكتبة بمثال صغير.
اتقرأ ٠ من ٩ (٠٪)يعني إيه container وليه أحسن من VM، وإزاي تبني image وتحفظ داتا الـ database بالـ volumes، وتشغّل React و Node و Postgres بأمر واحد.
اتقرأ ٠ من ٧ (٠٪)إزاي تشتغل صح مع Claude Code جوه مشروع حقيقي. تديله context، وتتحكم في صلاحياته، وتخليه يخطط قبل ما يكتب، وتقسّم الشغل على skills و subagents.
اتقرأ ٠ من ١٩ (٠٪)Git من جوه بشكل بسيط. الـ commit والـ branch بيبقوا إيه، والفرق بين merge و rebase، وإزاي ترجع في أي غلطة، وإزاي تشتغل على كذا branch في نفس الوقت بـ worktree.
اتقرأ ٠ من ٩ (٠٪)الهجمات العشرة اللي أي developer لازم يعرفها. كل واحدة بتشتغل إزاي، شكلها في كود حقيقي، والسطر اللي بيقفلها.
اتقرأ ٠ من ٨ (٠٪)إزاي موقع عادي يتسطّب زي التطبيق ويفتح من غير نت. الـ Service Worker بيقف فين، وكل استراتيجية كاش بتودّي الريكوست على فين، برسومات بتتحرك.
اتقرأ ٠ من ٨ (٠٪)من سؤال إنترفيو "عشر مليون منتج" لحد Elasticsearch. ليه SQL مش كفاية لتجربة البحث، وإزاي الترتيب والأخطاء والفلاتر والشاردز والمزامنة بيتظبطوا من Express.
اتقرأ ٠ من ١١ (٠٪)Astro 7 من الفكرة لحد النشر. ليه الصفحات بتطلع HTML من غير JavaScript، وإزاي تضيف جزر تفاعلية، ومحتوى متتحقق منه، وسيرفر و actions وكاش، من غير ما تسيّب نظام مهم.
اتقرأ ٠ من ١٦ (٠٪)إزاي الشيل بيقرا السطر، أهم الأوامر اللي هتقابلها، والفرق بين المسافة و ; و &، وبعدين تكتب bash script مبيقعيش من أول غلطة.
اتقرأ ٠ من ٧ (٠٪)توحّد شكل الكود، تمسك الغلط قبل ما يتدفع، وتخلّي السيرفر يعيد الفحص حتى لو حد عدّى الـ hook على جهازه.
اتقرأ ٠ من ٨ (٠٪)افهم ليه الـ lockfile لوحده مش كفاية، وإزاي أمر pnpm يعدّي على Corepack، وتلزم الفريق بمدير حزم ونسخة محددين.
اتقرأ ٠ من ٧ (٠٪)٩ أنماط scroll بتشوفها في كل موقع حلو، بديمو حي جوه كل فصل تعمل فيه scroll بإيدك، والكود اللي وراه بـ CSS الحديث و IntersectionObserver.
اتقرأ ٠ من ٧ (٠٪)الفرق الحقيقي بين fork mode وcluster mode، وليه كود الـ cluster اللي جوه bin/www بيبقى كود ميت تحت PM2، وإزاي التطبيقات ترجع لوحدها بعد ما السيرفر يعمل restart.
اتقرأ ٠ من ١٠ (٠٪)إزاي تعمل registry خاص بيك يوزّع components وhooks وconfig وrules لأي مشروع بأمر shadcn add، من أول ملف JSON لحد الـ auth والـ MCP والـ Registry Directory.
اتقرأ ٠ من ١٣ (٠٪)إمتى وليه تحط كاش قدام الداتابيز، وإزاي hot key واحد بيخلص الـ TTL بتاعه ممكن يوقّع الداتابيز ويملا الـ connection pool، وإزاي تحلها بالـ lock والـ jitter والـ stale-while-revalidate.
اتقرأ ٠ من ١١ (٠٪)إيه هي الـ JSON Schema، وإزاي بتفرض typing وشكل ثابت على أي JSON داخل لسيستمك، وإمتى تستخدمها وإمتى لأ، وإزاي تشغّلها بجد بـ Ajv وFastify وتربطها بـ TypeScript وZod وOpenAPI.
اتقرأ ٠ من ١٣ (٠٪)إمتى نطبّق typing وإمتى runtime validation على الـ response الراجع من الـ API، وإزاي نعرض الـ error لو الداتا مش زي المتوقع، والفرق بين الـ API layer والـ UI.
اتقرأ ٠ من ٨ (٠٪)الفرق بين حزمة typescript اللي بتدي أمر tsc، وحزمة tsx اللي بتشغّل ملفات TypeScript على Node من غير ما تفحص الأنواع.
اتقرأ ٠ من ٥ (٠٪)إزاي تقفل البورتات الواردة ما عدا SSH و80 و443، وإزاي Nginx يحوّل أي طلب HTTP لـ HTTPS ويسلّم الطلب لتطبيق على الجهاز.
اتقرأ ٠ من ٦ (٠٪)إزاي Terraform يخلّي السيرفرات والملفات رسمة مكتوبة، وإزاي init وplan وapply يشتغلوا، وليه دفتر الـ state متترفعش على git، وإزاي تقسمه موديول.
اتقرأ ٠ من ٧ (٠٪)فكّينا كود Filee (Avalonia + C#) وشفنا الحركة جاية منين، الزراير والـ chips والألوان والـ sidebar والدونت، وبعدين طبّقنا نفس الروح على dropdown و select و tabs و modal وغيرهم، بديمو حي في كل فصل ورسمة canvas للـ BackEaseOut.
اتقرأ ٠ من ٧ (٠٪)شكل Feature-Sliced Design لتطبيق E-commerce، وإزاي Feature تاخد داتا من Feature تانية من غير اعتماد مباشر، من الـ API لحد الـ UI.
اتقرأ ٠ من ١١ (٠٪)أنواع حالة العميل في متجر بيستخدم FSD، وإمتى تفضل محلية أو في الرابط أو في فورم، وإمتى متتعملش لها نسخة تانية جنب بيانات السيرفر.
اتقرأ ٠ من ٣ (٠٪)لو بتعرف React وعايز تبني component library بالـ design system والـ animation بتوعك، تختار أنهي أساس؟ مقارنة بين Base UI و React Aria و Radix و rc-* بتقييم من ١٠٠، وإزاي تتحكم في حركة الـ modal والـ drawer والـ toast والـ select من غير ما تبقى محكوم بمكتبة.
اتقرأ ٠ من ٥ (٠٪)إزاي تبني واجهة React من مكونات صغيرة وتركّبها، بدل مكون واحد مليان شروط و props منطقية.
اتقرأ ٠ من ٥ (٠٪)خريطة واضحة لأدوات اختبار JavaScript: مين بيشغّل الاختبارات، مين يقارن النتيجة، مين يعمل mocks، ومين يختبر HTTP من جوه أو يعترض الشبكة من بره.
اتقرأ ٠ من ٨ (٠٪)إعداد test stack لمشروع React، واختبار form submission وقائمة بيانات بكل حالات loading وsuccess وempty وerror.
اتقرأ ٠ من ٧ (٠٪)مفيش مذكرات بالتاج ده.