ماذا ستتعلم
- HTML5 & CSS3 & SASS & Bootstrap 5
- JavaScript ES6+ & DOM & OOP
- React.js & Redux & Next.js
- أساسيات TypeScript
- Git & GitHub & CI/CD
- تحسين الأداء و SEO
المتطلبات
- أساسيات استخدام الحاسوب (لا يشترط خبرة برمجية)
المشاريع
- موقع شخصي Responsive
- تطبيق إدارة مهام (Task Manager)
- متجر إلكتروني متكامل
- مشروع الدبلومة: منصة خدمات مصغرة (Freelance Marketplace UI)
المنهج
1
مقدمة في تطوير الواجهات الأمامية
نظرة عامة على أدوات وتقنيات الواجهات.
2
HTML5 و CSS3 الأساسيات
بناء هيكل الصفحات وتنسيقها بأنماط حديثة.
3
SASS و Bootstrap 5
استخدام معالج CSS لكتابة أنماط أكثر تنظيماً، وتطبيق إطار عمل Bootstrap.
4
JavaScript ES6+
تعلم أساسيات JavaScript والميزات الحديثة.
5
التفاعل مع DOM
التعامل مع عناصر الصفحة وتغييرها ديناميكياً.
6
أساسيات React
مكونات، حالة، خصائص، ودورة حياة المكون.
7
إدارة الحالة بـ Redux
تخزين الحالة العالمية وإدارة التطبيقات المعقدة.
8
التوجيه في React (React Router)
إنشاء صفحات متعددة وتنقل بينها.
9
مقدمة إلى Next.js
بناء تطبيقات React من جهة الخادم (SSR) وتحسين الأداء.
10
أساسيات TypeScript
إضافة الأنواع إلى JavaScript لكتابة كود أكثر أماناً.
11
Git و GitHub و CI/CD
التحكم في الإصدارات، العمل الجماعي، ونشر آلي.
12
تحسين الأداء و SEO
تقنيات تسريع تحميل الصفحات و تحسين ظهورها في محركات البحث.
13
مشروع الدبلومة: منصة خدمات مصغرة
بناء واجهة مستخدم متكاملة لمنصة خدمات.