02/04/2025
🎯 Frontend Developer Bootcamp - أكاديمية زيد
1️⃣ مقدمة عن الـ Bootcamp
الهدف: تأهيل المطورين لسوق العمل كـ Frontend Developers من خلال تدريب عملي مكثف.
المدة: 10 أسابيع - 3 جلسات أسبوعيًا (كل جلسة 2-3 ساعات).
نمط التدريس: جلسات مباشرة + تطبيق عملي + مراجعة أكواد + مشروع نهائي.
المستوى المستهدف: للمبتدئين وأصحاب المستوى المتوسط.
الأدوات والتقنيات:
HTML, CSS, JavaScript (ES6+)
React.js (Hooks, State Management, Performance Optimization)
Git & GitHub, APIs, Deployment (Vercel/GitHub Pages)
Testing & Debugging, Soft Skills & Job Preparation
2️⃣ محتوى الـ Bootcamp (10 أسابيع)
✅ Week 1: أساسيات الويب و Git/GitHub
هيكلة صفحات الويب باستخدام HTML.
تنسيق الصفحات بـ CSS (Flexbox, Grid, Animation).
التحكم في الإصدارات باستخدام Git و GitHub.
مشروع صغير: Landing Page احترافية.
✅ Week 2: أساسيات JavaScript و DOM
JavaScript Fundamentals (Variables, Functions, Arrays, Objects).
التعامل مع DOM و الأحداث Event Handling.
البرمجة غير المتزامنة (Async/Await, Promises).
تطبيق عملي: بناء موقع تفاعلي ديناميكي.
✅ Week 3: React.js Basics
مقدمة في React.js (Components, Props, State, Hooks).
التعامل مع الأحداث في React.
بناء مكونات UI تفاعلية.
مشروع: بناء تطبيق To-Do List تفاعلي.
✅ Week 4: إدارة الحالة & التعامل مع APIs
State Management (useState, useEffect, Context API).
جلب البيانات من APIs باستخدام Fetch/Axios.
التعامل مع الخطأ وتحسين الأداء.
تطبيق عملي: بناء تطبيق يستعرض بيانات من API خارجي.
✅ Week 5: تحسين الأداء ورفع المستوى
تحسين أداء React (Memoization, Lazy Loading, Code Splitting).
التحقق من المدخلات والتعامل مع النماذج (Forms & Validation).
أفضل الممارسات في كتابة كود نظيف وسهل الصيانة.
✅ Week 6: UI/UX & Responsive Design
مبادئ تصميم واجهات المستخدم (UI Design Basics).
تحسين تجربة المستخدم (UX Principles).
تصميم مواقع متجاوبة (Mobile-First, Media Queries).
تطبيق عملي: تحويل تصميم Figma إلى كود حقيقي.
✅ Week 7: الاختبار وإصلاح الأخطاء (Testing & Debugging)
أدوات Debugging في المتصفحات.
كتابة اختبارات تلقائية باستخدام Jest و React Testing Library.
التعامل مع أخطاء الأداء في React.
تطبيق عملي: اختبار وتحسين تطبيق React.
✅ Week 8: النشر والتوزيع (Deployment & Hosting)
نشر المواقع على GitHub Pages و Vercel.
CI/CD Basics (GitHub Actions).
تحسين SEO و Web Performance.
تطبيق عملي: نشر تطبيق React مع تحسين الأداء.
✅ Week 9: العمل كمطور Frontend محترف
بناء Portfolio قوي كمطور Frontend.
كتابة CV احترافي + التحضير لمقابلات العمل.
العمل الحر كمطور (Freelancing & Remote Jobs).
جلسة أسئلة وإجابات مع محترفين في المجال.
✅ Week 10: المشروع النهائي والتقييم
العمل على مشروع متكامل بواجهة احترافية.
مراجعة الأكواد + تحسين الأداء + Best Practices.
تقديم المشروع النهائي + شهادة
3️⃣ نظام التدريس والتفاعل
بث مباشر على Google Meet.
تمارين عملية بعد كل جلسة.
جلسات مراجعة للكود + Feedback شخصي لكل طالب.
دعم فني عبر جروب خاص
مشروع نهائي لكل طالب لضمان الفهم العملي.
🎯 الهدف النهائي:
بنهاية الـ Bootcamp، سيكون لدى كل طالب مشروع متكامل Frontend يمكنه إضافته في البورتفوليو والتقديم على وظائف كمطور Frontend.
🚀 جاهز للانضمام إلى أقوى Bootcamp في أكاديمية زيد؟!