SeaCode Academy

🎯 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 في أكاديمية زيد؟!

كل عام وحضراتكم جميعاً بخير. رمضانكم مبارك. أسأل الله لي ولكم جميعاً البركة والتوفيق فيه للطاعات والقربات.