Front-End Developmen
مبتدئ
المدة الإجمالية: 70 ساعة تدريبية تقريبًا
عدد الحصص الأسبوعية: 3 دروس
مدة الدرس: ساعة ونصف
إجمالي المدة الزمنية: حوالي 4 أشهر
عدد الحصص الأسبوعية: 3 دروس
مدة الدرس: ساعة ونصف
إجمالي المدة الزمنية: حوالي 4 أشهر
🔹 الهدف العام من الدورة
إعداد المتدربين لاكتساب المهارات الأساسية في تطوير واجهات المواقع الإلكترونية باستخدام HTML، CSS، Bootstrap، وJavaScript، ليتمكنوا من تصميم صفحات ويب تفاعلية ومتجاوبة بشكل احترافي تلبي معايير سوق العمل الحديثة.
| الشهر | الوحدة التدريبية | المحتوى التعليمي | عدد الساعات | المدة التقريبية |
|---|---|---|---|---|
| الأول | HTML |
مقدمة في بنية صفحات الويب، العناصر الأساسية، الصور والروابط، النماذج، والعناصر الدلالية.
مشروع: صفحة تعريف شخصية (Portfolio). |
10 ساعات | أسبوعان ونصف |
| الأول | CSS (الجزء الأول) | Selectors، الألوان، الخطوط، الخلفيات، Box Model. | 8 ساعات | أسبوعان |
| الثاني | CSS (الجزء الثاني) |
Flexbox، Grid، Responsive Design، Animations.
مشروع: تصميم واجهة موقع متجاوبة. |
12 ساعة | أسبوعان ونصف |
| الثاني | Bootstrap |
نظام الشبكة، المكونات الجاهزة، تصميم Navbar، تخصيص Bootstrap.
مشروع: Landing Page احترافية. |
6 ساعات | أسبوع ونصف |
| الثالث | JavaScript (الجزء الأول) |
المتغيرات، أنواع البيانات، الشروط، الحلقات، الدوال.
تطبيق عملي: سكربتات بسيطة للتفاعل مع الصفحة. |
15 ساعة | 3 أسابيع ونصف |
| الرابع | JavaScript (الجزء الثاني) |
DOM، Events، واجهات تفاعلية ديناميكية.
مشروع: آلة حاسبة أو نموذج تفاعلي. |
15 ساعة | 3 أسابيع ونصف |
| الرابع | مشروع التخرج النهائي |
تطوير موقع متكامل يجمع HTML + CSS + Bootstrap + JavaScript.
عرض المشروع النهائي وتقييمه. |
7 ساعات | أسبوع |
إجمالي عدد الساعات: 70 ساعة تدريبية – المدة الكلية: حوالي 4 أشهر