مسار هندسة الفرونت إند
مستوى
فرونت إند المستوى 2: هندسة React
ابنِ تطبيقات React مكتوبة بـ TypeScript ومختبرة، والـ AI شريكك وانت المصمّم.
- المدة
- 8 أسابيع
- الساعات المباشرة
- 48
- المواعيد
- 3 جلسات مباشرة بالأسبوع (ساعتين لكل جلسة) + 6–8 ساعات تطبيق
لمن هذا البرنامج
خريجي المستوى 1 أو اللي متعلمين أساسيات JavaScript لحالهم.
قبل أن تنضم
المستوى 1 أو اختبار تحديد مستوى (JS, DOM, fetch, Git).
ماذا ستستطيع أن تفعل
- تصمّم هيكلية مكوّنات
- تختار طريقة إدارة الحالة المناسبة
- تكتب React بـ TypeScript ومع اختبارات
- تستخدم الـ AI لتبني أسرع وتكشف أخطاءه
أسبوعاً بأسبوع
الأسبوع 1التفكير بالمكوّنات
- التركيز الهندسي
- ارسم شجرة المكوّنات قبل الكود.
- المهمة
- صفحة منتج مقسّمة لمكوّنات
الأسبوع 2الحالة والفورمات
- التركيز الهندسي
- وين لازم تعيش هالحالة؟
- المهمة
- فورم تسجيل متعدد الخطوات مع تحقق
الأسبوع 3TypeScript مع React
- التركيز الهندسي
- الأنواع كعقود وتوثيق.
- المهمة
- تحويل تطبيق الأسبوع 2 لـ TypeScript
الأسبوع 4جلب البيانات والـ Custom Hooks
- التركيز الهندسي
- افصل الواجهة عن منطق البيانات.
- المهمة
- تطبيق بحث أفلام أو وظائف مع custom hooks
الأسبوع 5التنقّل والواجهات الكبيرة
- التركيز الهندسي
- التناسق: ابنِ design system صغير أولاً.
- المهمة
- داشبورد متعدد الصفحات مع UI kit مشترك
الأسبوع 6الحالة العامة وتسجيل الدخول
- التركيز الهندسي
- المفاضلة: حالة محلية أو سيرفر أو عامة.
- المهمة
- إضافة تسجيل دخول وسلة أو مفضّلة
الأسبوع 7الاختبار وتتبّع الأخطاء
- التركيز الهندسي
- تحقّق ولا تثق: تأكد إن اختبارات الـ AI بتختبر الشي الصح.
- المهمة
- مجموعة اختبارات للداشبورد
الأسبوع 8النشر والمراجعة
- التركيز الهندسي
- راجع PR زميلك بقائمة فحص.
- المهمة
- المشروع النهائي + يوم العرض
المشروع النهائي
تطبيق React + TypeScript كامل مع API حقيقي أو Supabase (نظام حجوزات، متجر، مدير مهام) فيه تسجيل دخول وتنقّل وفورمات واختبارات ونشر و PR مراجَع.
الأدوات التي ستستخدمها
الشهادة
شهادة إتمام — فرونت إند المستوى 2
سنجاب بتعطي شهادات إتمام مع رابط تحقق وقائمة المشاريع اللي بنيتها، وهي مش شهادات أكاديمية أو معتمدة حكومياً.