مسار هندسة الفرونت إند
مستوى
فرونت إند المستوى 1: أساسيات الويب
من الصفر لأول موقع حقيقي بتنشره، وبتفكّر كمهندس من أول يوم.
- المدة
- 8 أسابيع
- الساعات المباشرة
- 48
- المواعيد
- 3 جلسات مباشرة بالأسبوع (ساعتين لكل جلسة) + 6–8 ساعات تطبيق
لمن هذا البرنامج
المبتدئين تماماً.
قبل أن تنضم
ولا شي، بس لابتوب وإنترنت.
ماذا ستستطيع أن تفعل
- تبني وتنشر مواقع متجاوبة وقابلة للوصول
- تكتب JavaScript نظيف بيتعامل مع بيانات حقيقية
- تستخدم Git و GitHub متل أي عضو بفريق
- تشرح كل سطر بتسلّمه
أسبوعاً بأسبوع
الأسبوع 1كيف بيشتغل الويب
- التركيز الهندسي
- صياغة المشكلة: شو المستخدم بدو يعمل؟
- المهمة
- صفحة تعريفية بـ HTML دلالي + بطاقة المشكلة
الأسبوع 2أساسيات CSS
- التركيز الهندسي
- تتبّع الأخطاء بالـ DevTools: افحص، لا تخمّن.
- المهمة
- تنسيق الصفحة وتصليح layout مكسور عن قصد
الأسبوع 3التخطيط والتصميم المتجاوب
- التركيز الهندسي
- صمّم قبل ما تكتب: wireframe وبعدين بناء.
- المهمة
- صفحة هبوط متجاوبة من تصميم Figma
الأسبوع 4Git و GitHub والـ Accessibility
- التركيز الهندسي
- التواصل: commits و PRs واضحة، وقائمة فحص للجودة.
- المهمة
- الصفحة على GitHub مع PRs + فحص accessibility
الأسبوع 5JavaScript 1: المنطق
- التركيز الهندسي
- قسّم المشكلة الكبيرة لمشاكل صغيرة.
- المهمة
- 10 تحديات منطقية، والـ pseudocode أولاً
الأسبوع 6JavaScript 2: الـ DOM
- التركيز الهندسي
- قراءة الكود: اشرح كود الـ AI سطر سطر.
- المهمة
- قائمة مهام تفاعلية مع فلترة
الأسبوع 7JavaScript 3: بيانات حقيقية
- التركيز الهندسي
- الحالات الطرفية: شو بيصير إذا انقطع النت؟
- المهمة
- تطبيق طقس أو أفلام من API عام
الأسبوع 8انشره
- التركيز الهندسي
- المفاضلات: اكتب سجل قرارات قصير.
- المهمة
- المشروع النهائي + يوم العرض
المشروع النهائي
موقع متعدد الصفحات لمشروع صغير حقيقي، أو تطبيق تفاعلي من API عام، متجاوب ومنشور، مع README وسجل قرارات وعرض 3 دقائق.
الأدوات التي ستستخدمها
الشهادة
شهادة إتمام — فرونت إند المستوى 1
سنجاب بتعطي شهادات إتمام مع رابط تحقق وقائمة المشاريع اللي بنيتها، وهي مش شهادات أكاديمية أو معتمدة حكومياً.