FR
تطوير الواجهة الأمامية
ابنِ واجهات حديثة، يسهل الوصول إليها وسريعة الاستجابة، تعمل فعلًا على أي جهاز.
24 مهارة
6 أشهر
مبتدئ
مصمَّم لمن لم يكتب سطر شيفرة من قبل، ولمطوّري الواجهة الخلفية الذين يرغبون في فهم الجانب المرئي من الويب فهمًا حقيقيًا. ستكون في النهاية قادرًا على تحويل تصميم ثابت إلى واجهة شغّالة، عالية الأداء، وقابلة للاستخدام.
المسارات المهنية المعتادة: مطوّر واجهة أمامية مبتدئ، مصمّم ويب يبرمج، عمل حر لمشاريع صغيرة.
Foundation
1
أساسيات HTML
اللغة التي تحدّد ما يظهر على صفحة الويب: عناوين، فقرات، روابط، صور، نماذج.
25 دقيقة
2
أساسيات CSS
كيف تمنح عناصر HTML شكلًا ولونًا وطباعة بقواعد واضحة وقابلة للتنبّؤ.
30 دقيقة
3
التخطيط: Flexbox وGrid
الأداتان الحديثتان لترتيب العناصر: Flexbox للخطوط، وGrid للشبكات ثنائية الأبعاد.
35 دقيقة
4
التصميم المتجاوب
بناء صفحات تتكيّف من الهاتف إلى سطح المكتب دون نُسَخ منفصلة.
25 دقيقة
5
HTML الدلالي
استخدم العلامات الصحيحة (header, nav, main, article…) بدلًا من `div` في كلّ مكان.
20 دقيقة
6
إمكانية الوصول للويب (a11y)
بناء مواقع تعمل أيضًا مع قارئات الشاشة، ولوحة المفاتيح، والتباين المنخفض، والحركة المحدودة.
30 دقيقة
15
أساسيات Git وGitHub
تتبّع التغييرات، الفروع، الدمج، الدفع، وفتح Pull Request.
30 دقيقة
Core
7
الصيغة الأساسية لـJavaScript
المتغيّرات، الدوال، الشروط، الحلقات، المصفوفات، الكائنات. القاعدة لكلّ ما يأتي بعد.
30 دقيقة
8
التعامل مع DOM
قراءة الصفحة وتعديلها من JavaScript: querySelector وaddEventListener وclassList.
25 دقيقة
9
البرمجة غير المتزامنة وPromises
تشغيل أمور بالتوازي دون حظر، وانتظار النتائج بطريقة نظيفة.
30 دقيقة
10
الوحدات والاستيراد في JavaScript
تقسيم الشيفرة إلى ملفات تستورد فقط ما تحتاجه.
20 دقيقة
11
الإغلاقات والنطاق في JavaScript
افهم لماذا «تتذكّر» الدالّة المتغيّرات في موضع إنشائها، حتى بعد انتهاء السياق.
25 دقيقة
12
fetch API وأساسيات REST
التواصل مع خادم من المتصفّح: GET وPOST وJSON والأخطاء.
25 دقيقة
13
npm وyarn وpnpm
تثبيت حزم JavaScript وإدارتها، وملفات القفل، وإصدارات Semver.
20 دقيقة
14
Vite وأدوات البناء الحديثة
لماذا توجد خطوة بناء، وكيف يجعلها Vite فوريّة.
25 دقيقة
16
أساسيات React
المكوّنات وJSX وProps والتصيير. النموذج الذهني الأساسي.
40 دقيقة
19
React Router
صفحات متعدّدة في تطبيق React: المسارات، الروابط، التخطيطات، المعاملات.
25 دقيقة
21
أدوات المطوّرين في المتصفّح
فحص DOM، تنقيح JS، مراقبة الشبكة، قياس الأداء.
20 دقيقة
24
النماذج والتحقّق
التحقق المدمج في النماذج، قواعد مخصّصة، رسائل خطأ يسهل الوصول إليها.
25 دقيقة
Advanced
17
خطّافات React
useState وuseEffect وuseMemo وuseRef وكيفيّة استخدامها بإتقان.
35 دقيقة
18
إدارة الحالة في React
الحالة المحلّية، Context، مكتبات (Zustand، Redux). اختر المناسبة.
30 دقيقة
20
أنماط تصميم المكوّنات
التركيب، الفتحات (Slots)، Render Props، الخطّافات المخصّصة. شيفرة قابلة لإعادة الاستخدام دون ألم.
30 دقيقة
22
أساسيات أداء الويب
لماذا الصفحات بطيئة، والتحسينات قليلة التكلفة التي تُحدث الفرق.
30 دقيقة
23
الاختبار باستخدام Vitest
اختبار وحدوي للمكوّنات ودوال المساعدة؛ ثِق بإعادة هيكلتك.
30 دقيقة