ماذا ستتعلم
- بناء واجهات أمامية تفاعلية بـ React و Hooks و Redux
- تصميم RESTful APIs بـ Node.js و Express
- التعامل مع قاعدة بيانات MongoDB و Mongoose
- المصادقة والأمان باستخدام JWT
- رفع المشروع على خادم سحابي (Deployment)
المتطلبات
- لا شيء
المشاريع
- موقع شخصي Portfolio
- متجر إلكتروني بسيط مع عربة تسوق
- لوحة تحكم (Dashboard) مع رسوم بيانية
- مشروع التخرج: منصة تعليمية مصغرة
المنهج
1
مقدمة إلى تطوير الويب
نظرة عامة على تقنيات الويب والـ Full Stack.
2
أساسيات HTML و CSS
بناء هيكل الصفحات وتنسيقها.
3
JavaScript المتقدم (ES6+)
تعلم الميزات الحديثة: arrow functions, destructuring, promises, async/await.
4
مقدمة إلى React
مكونات React، JSX، الحالة، والخصائص.
5
إدارة الحالة باستخدام Redux
تخزين الحالة المركزية، الإجراءات، والمختزلات.
6
توجيه في React (React Router)
إنشاء مسارات وروابط بين الصفحات.
7
بناء واجهات تفاعلية مع Hooks
استخدام useEffect، useContext، وغيرها.
8
مقدمة إلى Node.js و Express
إعداد الخادم وإنشاء واجهات برمجية.
9
التعامل مع MongoDB و Mongoose
نمذجة البيانات، الاستعلامات، والعلاقات.
10
توثيق المستخدمين باستخدام JWT
تسجيل الدخول، حماية المسارات، وإدارة الجلسات.
11
ربط الواجهة الخلفية مع الأمامية
استدعاء الـ APIs من React وعرض البيانات.
12
نشر التطبيق على السحابة
رفع المشروع على Heroku، Vercel، أو Netlify.
13
مشروع التخرج: منصة تعليمية مصغرة
تطبيق كامل يدمج كل ما تعلمته.