فكّ شيفرة جولة برمجة الواجهة الأمامية — تشريح إجابة بناءٍ قوية (وضّح، وابنِ السلوك، وعالِج التحميل/الفراغ/الخطأ، وأضِف سهولة الوصول، واسرد طوال الوقت)، ثم ثلاثة بناءات React مُنفّذة يعشقها المُقابِلون: إكمالٌ تلقائيّ قابل للوصول بـ debounce وإلغاء طلبات، ومكوّن تبويباتٍ قابل للتنقّل بلوحة المفاتيح وفق نمط ARIA، وجدول بياناتٍ بالفرز والترشيح والترقيم. مع الحالات الحدّيّة وسهولة الوصول التي تفصل النجاح عن النجاح القويّ.
ورقة مرجعية قائمةٌ على الأنماط لجولة الخوارزميات — المؤشّران، والنافذة المنزلقة، والتجزئة، والبحث الثنائيّ، وBFS، وDFS والتراجع، والمكدّس الرتيب، وأكبر K بكومة، والفترات، والبرمجة الديناميكية أحادية البُعد. لكلٍّ: العلامة التي تشير إليه، وقالبٌ قابل لإعادة الاستخدام بلغة JavaScript، ومسائل تمثيلية، والتعقيد — كي تتعرّف على النمط بدل حفظ مئات المسائل.
كيف تستعدّ للمقابلة السلوكية وتربحها — إطار STAR (الموقف، المهمّة، الإجراء، النتيجة) على وجهه الصحيح، وكيف تبني بنكًا قابلًا لإعادة الاستخدام من 8–12 قصّةً تتمدّد عبر أيّ سؤال، وكيف تتملّك «أنا» وتنهي بالدرس، وربط القصص بقيم الشركة، وأدلّةٌ لأنواع الأسئلة عن الفشل والنزاع والغموض والقيادة وغيرها — مع قواعد الأداء والأخطاء الشائعة التي تحسم الجولة.
خريطةٌ جولةً بجولة لحلقة هندسة الواجهة الأمامية في Airbnb — فرز المُوظِّف، والتقييم الإلكترونيّ، وبرمجة الواجهة، وتصميم أنظمة الواجهة الأمامية، ومراجعة الكود، والجولة السلوكية — مع ما تختبره كل جولة فعليًّا، وكيف تستعدّ، والمواضيع المحوريّة، والأخطاء الشائعة. البرمجة جولةٌ من ستّ؛ وهذه التدوينة تُريك أين تذهب النقاط الخمس الأخرى وكيف توزّع استعدادك عبر مدّةٍ من 4–6 أسابيع.
دليل خبير لأخذ تطبيق موجّه تطبيق Next.js إلى الإنتاج مع TypeScript — المصادقة بطبقات (الوسيط، وطبقة الوصول للبيانات، والجلسات بكوكيز httpOnly)، ومتغيّرات البيئة وإبقاء الأسرار على الخادم، والأداء بـ next/image وnext/font والاستيراد الديناميكيّ وتحليل الحزمة، ومعالجة الأخطاء بـ error.tsx وnot-found، والنشر على Vercel أو ذاتيًّا بخرج standalone — مع أخطاء شائعة وتمارين.
دليل خبير لتغيير البيانات في موجّه تطبيق Next.js بأفعال الخادم وTypeScript — ما فعل الخادم وكيف يعمل 'use server'، وأفعال النماذج والتحسين التدريجيّ، وuseActionState لحالة النموذج وأخطاء التحقّق، وuseFormStatus لواجهة الانتظار، وuseOptimistic للتحديثات التفاؤلية، وإعادة التحقّق وإعادة التوجيه بعد تعديل، وربط الوسائط الإضافية، واستدعاء الأفعال خارج النماذج، وقواعد الأمان المهمّة لأن الأفعال نقاط نهايةٍ عامّة — مع أخطاء شائعة وتمارين.
دليل خبير لكيفية عرض موجّه تطبيق Next.js وتخزينه مؤقّتًا — العرض الساكن مقابل الديناميكيّ وما الذي يُطلِق كلًّا، وطبقات التخزين الأربع (تحفيظ الطلب، وذاكرة البيانات، وذاكرة المسار الكاملة، وذاكرة الموجّه)، وتخزين fetch في Next 15+ (غير مخزّن افتراضيًّا)، وإعادة التحقّق الزمنية وعند الطلب بـ revalidateTag/revalidatePath، وunstable_cache للبيانات غير fetch، وتهيئة مقطع المسار، والتدفّق بـ Suspense وloading.tsx، والعرض المسبق الجزئيّ — مع أخطاء شائعة وتمارين.
مقدّمة عملية لـ Next.js وموجّه التطبيق (App Router) مع TypeScript — ما الذي يضيفه إطار React فوق React، والتوجيه القائم على الملفّات بالمجلّدات وpage.tsx، والتخطيطات والمسارات المتداخلة، ومكوّنات الخادم مقابل العميل، وجلب البيانات على الخادم، واستراتيجيات العرض (SSG/SSR/ISR)، والتنقّل بـ next/link وuseRouter، والملفّات الخاصّة (loading وerror وnot-found)، وواجهة Metadata لتحسين محرّكات البحث، ونظرة أولى على أفعال الخادم وnext/image — مع أخطاء شائعة وتمارين عملية.
دليل عملي لجلب البيانات في React مع TypeScript — حالات التحميل/الخطأ/النجاح التي يمرّ بها كل طلب، والجلب في useEffect مع التنظيف وAbortController، وتجنّب تسابق الطلبات، وتنميط الاستجابات، ومعالجة أخطاء HTTP كما يجب، واستخلاص خطّاف useFetch، والتعديلات وإعادة الجلب، ولماذا وُجدت مكتبة مثل TanStack Query (تخزين، إزالة تكرار، إعادة تحقّق) — مع أخطاء شائعة وتمارين عملية.
دليل عملي للتوجيه على جانب العميل في React مع React Router وTypeScript — ما الذي يفعله موجّه SPA، وإعداد المسارات، والتنقّل بـ Link وNavLink، والمسارات المتداخلة والتخطيطات بـ Outlet، ومعاملات المسار الديناميكية بـ useParams، وقراءة وكتابة سلاسل الاستعلام بـ useSearchParams، والتنقّل البرمجيّ بـ useNavigate، وإعادة التوجيه والمسارات المحميّة، ومعالجة 404، والتحميل الكسول للمسارات — مع أخطاء شائعة وتمارين عملية.
دليل عميق وعملي لتصميم مكوّنات React وتنميط خصائصها بـ TypeScript — الخصائص كعقدٍ للقراءة فقط، وتنميطها بـ type مقابل interface، والقيم الاختيارية والافتراضية، وchildren وReact.ReactNode، وأنماط التركيب (الأغلفة والفتحات والمكوّنات المتخصّصة)، وتمرير الخصائص إلى DOM عبر rest وReact.ComponentProps، وخصائص الأنماط باتحادات مُميَّزة، وتنقيط الخصائص ولماذا يتفوّق التركيب على الضبط، والأخطاء الشائعة، مع تمارين عملية وحلولها.
دليل عملي شامل للنموذج الذهني الذي يحتاجه كل مطوّر واجهات أمامية في React — لماذا وُجدت React، والتفكير التصريحي (الواجهة = دالّة الحالة)، والمكوّنات وJSX، والخصائص المُنمَّطة بـ TypeScript وتدفّق البيانات باتجاه واحد، وعرض القوائم والمفاتيح، والعرض الشرطي، ومعالجة الأحداث، والحالة عبر useState، والتحديثات الثابتة، ونموذج إعادة العرض، والنقاء والتركيب، والأخطاء الشائعة، مع تمارين عملية وحلولها.
تدريب عملي على المسائل البرمجية التي يسألها المُقابِلون فعلًا في JavaScript — عكس المصفوفات والنصوص، وتنفيذ call/apply/bind، وdebounce وthrottle، والنسخ العميق، وmemoize وcurry، وتسطيح المصفوفات، وتنفيذ Promise.all يدويًا، والمزيد. كل مسألة مع كيفية التفكير فيها وحلّها، إضافةً إلى أسئلة توقّع المُخرَجات التي يعشقها المُقابِلون.
دليل عملي كامل للوعود (Promises) — ما هي وحالاتها الثلاث، وإنشاؤها واستهلاكها، والتسلسل بـ then/catch/finally، والمجمّعات (all وallSettled وrace وany)، وانتشار الأخطاء، وتوقيت المهام الدقيقة، والأخطاء الشائعة — مع تمارين عملية وحلولها.
دليل عملي كامل لحركة CSS — الانتقالات وأجزاؤها الأربعة، وما يمكن تحريكه وما لا يمكن، وtransform ولماذا هي الخاصية الأعلى أداءً، والتيسير وcubic-bezier، وحركات الإطارات المفتاحية وكل خصائص animation-*، والأداء (المُركِّب مقابل الخيط الرئيسي)، وprefers-reduced-motion، مع الأخطاء الشائعة وتمارين عملية مع حلولها.
دليل عملي لوحدات JavaScript وسلسلة أدوات البناء — التصديرات المسمّاة والافتراضية، وصياغة import، ولماذا للوحدات نطاقها الخاص، والاستيراد الساكن مقابل الديناميكي، ورسم الوحدات البياني، وnpm وpackage.json، والمُجمِّعات مثل Vite، وكيف يعمل البناء الحديث — مع تمارين عملية وحلولها.
دليل عملي كامل لتنسيق النصّ على الويب — مجموعة الخطوط وخطوط النظام، و@font-face وخطوط الويب، وfont-display وأداء التحميل، والخطوط المتغيّرة، والتحجيم بـ rem وclamp() السائل، وارتفاع السطر وعرض السطر، وتباعد الأحرف، والتفاف النصّ واقتطاعه، وtext-wrap balance/pretty، والإيقاع الرأسي، والوصولية، والأخطاء الشائعة، وتمارين عملية مع حلولها.
دليل عملي للبرمجة الوظيفية في JavaScript — الدوال النقية والآثار الجانبية، والثباتية وكيف تحدّث البيانات بلا تغيير، والدوال من الدرجة الأولى وعالية الرتبة، وmap/filter/reduce، والتركيب والـ currying، ولماذا يقوم React على هذا الأسلوب — مع تمارين عملية وحلولها.
دليل عملي لتخزين البيانات في المتصفح — localStorage وsessionStorage، والكوكيز وأعلامها، ومتى تستخدم كلًّا، وIndexedDB للبيانات المنظّمة الأكبر، وواجهة Cache، والأمان وحدود الحجم، وأنماط إبقاء حالة التطبيق — مع تمارين عملية وحلولها.
دليل عملي كامل لـ Git وGitHub — المناطق الثلاث، والتهيئة والالتزام، وفحص التاريخ، والفروع والدمج مقابل إعادة الأساس، والتعارضات، والتراجع عن أي شيء (amend/restore/reset/revert)، والتخبئة، وإعادة الأساس التفاعلية، وcherry-pick، والوسوم، والاسترداد بـ reflog وbisect، والريموت والدفع القسري الآمن، واستراتيجيات التفرّع، وسير عمل GitHub الكامل (المراجعات، مسودّات PR، الفروع المحميّة، Actions) — مع تمارين عملية وحلولها.
دليل عملي كامل لنموذج كائن المستند (DOM) — ما هو DOM حقًّا، واختيار العقد والتنقّل بينها، وقراءة المحتوى وتغييره، والسمات مقابل الخصائص، والأصناف والأنماط، وإنشاء العناصر وإدراجها وحذفها، ونموذج الأحداث (الفقاعة، والتفويض، وpreventDefault)، والنماذج، والأداء (إعادة التدفّق/الرسم، والأجزاء، وdebounce)، والأخطاء الشائعة، وتمارين عملية مع حلولها.
شرح عملي لمحرر Elementor V4 الجديد (Atomic Editor) — الـ Classes والـ Variables وتبويب الـ Style الموحد والـ DOM الأنظف بكثير — مع مثال حقيقي قبل/بعد ونصائح صادقة للترقية.
دليل عملي للبرمجة الكائنية في JavaScript — سلسلة النموذج الأولي وكيف يعمل البحث عن الخصائص، ودوال الباني، وصياغة class، والتوابع والنموذج الأولي، والوراثة بـ extends وsuper، والأعضاء الساكنة، والحقول الخاصّة #، وgetters/setters، والتركيب على الوراثة — مع تمارين عملية وحلولها.
الأساس الذي تقوم عليه CSS كلها — كل نوع محدّد ومُركِّب، والأصناف الزائفة والعناصر الزائفة، وكيف يُحسَب التخصيص فعلًا، وترتيب حلّ التتالي الكامل، والوراثة، وكلمات inherit/initial/unset/revert، والهروب من !important، وتمارين عملية مع حلولها.
دليل بصري كامل لـ CSS Grid — حاوية الشبكة والمسارات ووحدة fr ودالتا repeat() وminmax() ومناطق القوالب والتوضيع بالأسطر والمناطق وauto-fit مقابل auto-fill وgap والمحاذاة والشبكة الضمنية، مع تمارين عملية وحلولها.
طبقة البرمجة على مستوى الأنواع في TypeScript — الأنواع الشرطية وinfer، والأنواع المُسقَطة مع إعادة تسمية المفاتيح والمُعدِّلات، وأنواع القوالب الحرفية، والأنواع العَودية، وبناء أنواعك المساعِدة، وملفّات الإعلان وتوسعة الوحدات، ودوال التوكيد والتحميل الزائد، وربط أنواع وقت الترجمة بالتحقّق وقت التشغيل — مع تمارين عملية وحلولها.
دليل عملي لبروتوكول التكرار في JavaScript — ما الذي يجعل شيئًا قابلًا للتكرار، وبروتوكول المُكرِّر، وfor...of ومعامل النشر، وكتابة دوال المولّد بـ function* وyield، والتسلسلات الكسولة واللانهائية، وتفويض المولّدات، والمُكرِّرات غير المتزامنة — مع تمارين عملية وحلولها.
دليل عملي كامل لتموضع CSS — قيم position وكيف يحرّك كلٌّ منها العنصر، وخصائص الإزاحة، والكتل الحاوية، والتموضع اللاصق، وz-index وسياقات التكديس (ولماذا لا يفعل z-index شيئًا أحيانًا)، مع الأخطاء الشائعة وتمارين عملية مع حلولها.
الطبقة التالية من TypeScript — الاتحادات المُميَّزة، وحُرّاس الأنواع المخصّصون والشمول بـ never، وقيود الأنواع العامة وقيمها الافتراضية، وkeyof والوصول بالفهرس، وtypeof وas const، والأنواع المساعِدة المدمجة، وsatisfies، والتعدادات مقابل الاتحادات الحرفية، والأصناف — مع تمارين عملية وحلولها.
دليل عملي كامل لنماذج الويب — عنصر form والإرسال، وأنواع الإدخال، والتسميات والوصولية، وسمة name، وتحقّق HTML5، وواجهة التحقّق من القيود، ومعالجة الإرسال بـ JavaScript وFormData، وselect/textarea/fieldset، والأخطاء الشائعة — مع تمارين عملية وحلولها.
دليل عملي كامل لـ async/await — كيف يبني على الوعود، وكلمة await، ومعالجة الأخطاء بـ try/catch، وتشغيل المهام بالتوازي مقابل التتابع، ودوال async التي تُرجِع وعدًا دائمًا، وtop-level await، والحلقات وعدم التزامن، والأخطاء الشائعة — مع تمارين عملية وحلولها.
دليل عملي لـ TypeScript — لماذا تهمّ الأنواع الساكنة، والأنواع الأساسية والمستنتَجة، والواجهات وأسماء الأنواع، والاتحادات والأنواع الحرفية، والأنواع العامة، والاختياري وللقراءة فقط، والتضييق، وتنميط الدوال وعدم التزامن، وكيف يتكامل في مشروع حقيقي — مع تمارين عملية وحلولها.
دليل عملي كامل لـ HTTP وواجهة Fetch — نموذج الطلب/الاستجابة، والطرق ورموز الحالة، والترويسات، وfetch مع GET وPOST، وإرسال JSON وتحليله، ولماذا لا يرفض fetch عند 404، ومعالجة الأخطاء، وAbortController والمهل، وCORS، والأخطاء الشائعة — مع تمارين عملية وحلولها.
دليل عملي كامل لكل ما يحتاجه المطوّر في JavaScript — كيف تعمل، والمتغيّرات والنطاق، والأنواع والتحويل، والدوال والإغلاقات، وthis، والكائنات والمصفوفات، والتفكيك، وحلقة الأحداث، والوعود وasync/await، والوحدات، وDOM، ومعالجة الأخطاء، والأخطاء الشائعة، وتمارين عملية مع حلولها.
دليل بصري كامل لـ CSS box model — content وpadding وborder وmargin وbox-sizing وانهيار الـ margins والخصائص المنطقية، مع الأخطاء التي تظهر في التخطيطات الحقيقية.