school البرمجة وتطوير البرمجيات

دبلومة تطوير واجهات الويب (Front-End Development)

دبلومة عملية متكاملة تؤهلك لسوق العمل تبدأ معك من الصفر وحتى احتراف بناء تطبيقات الويب المعاصرة واستهلاك الـ APIs وبناء مشاريع تخرج تضاف لمعرض أعمالك.

schedule

مدة الكورس 24 محاضرة

signal_cellular_alt

المستوى جميع المستويات

verified

الشهادة شهادة معتمدة

الرسوم التدريبية للدورة:

5,500 ج.م

bookmark_added مقدم تأكيد الحجز: 2,000 ج.م

سدد هذا المبلغ أو 20% كحد أدنى (1,100 ج.م) لتثبيت مقعدك فوراً

المحاضر والمدرب:

م. أحمد سمير

خبير تطوير الويب والـ Full Stack

chat استفسار عبر واتساب الأكاديمية (01090055657)

alt_route خطة التعلم والمسار المهني المعتمد 2026

خريطة الطريق ومحتوى الدورة التدريبية

مسار تدريبي عملي متدرج ينقلك خطوة بخطوة من الصفر حتى بناء المشاريع الكاملة والجاهزية لسوق العمل.

مستوى الأساسيات schedule 4 أسابيع (5 محاضرات)

المرحلة الأولى: أساسيات بناء صفحات الويب القياسية (HTML5 & Modern CSS3)

إتقان بنية صفحات الويب المعيارية مع محركات البحث SEO، وقواعد التنسيق المتقدم، وفهم Box Model وأنظمة التخطيط الحديثة Flexbox و CSS Grid وتصميم صفحات متجاوبة بالكامل.

المهارات والتقنيات المكتسبة:

HTML5 Semantic Elements CSS3 Architecture Flexbox CSS Grid Responsive Web Design Media Queries

rocket_launch

المشروع العملي والتطبيقي للمرحلة:

بناء صفحة هبوط (Landing Page) تسويقية متجاوبة لشركة ناشئة مع نموذج تواصل تفاعلي.

handyman بيئة العمل والأدوات:

VS Code Chrome DevTools Figma to Code Git Basics

مطور واجهات مبتدئ schedule 3 أسابيع (4 محاضرات)

المرحلة الثانية: التنسيق المتقدم وأطر العمل الحديثة (Tailwind CSS & Mobile-First)

احتراف بناء الواجهات السريعة والمتناسقة عبر Tailwind CSS، مع تخصيص الـ Themes والوضع الداكن (Dark Mode) وتحسين تجربة المستخدم وسرعة التحميل.

المهارات والتقنيات المكتسبة:

Tailwind CSS 3.4 Utility-First Paradigm Dark Mode Integration CSS Animations SVG Graphics Mobile-First Layouts

rocket_launch

المشروع العملي والتطبيقي للمرحلة:

تصميم وبناء واجهة متجر إلكتروني مصغر مع فلاتر منتجات وقوائم متحركة متجاوبة 100%.

handyman بيئة العمل والأدوات:

PostCSS npm / Vite Tailwind CLI GitHub Pages

مطور واجهات متوسط schedule 5 أسابيع (6 محاضرات)

المرحلة الثالثة: لغة جافاسكريبت التفاعلية الحديثة (JavaScript ES6+ & DOM)

التعمق في منطق البرمجة ولغة JavaScript، التفاعل مع عناصر الصفحة DOM Events، إدارة التخزين المحلي LocalStorage، البرمجة غير المتزامنة Async/Await، واستهلاك الـ REST APIs.

المهارات والتقنيات المكتسبة:

JavaScript ES6+ DOM & Events Fetch API & AJAX Async / Await JSON & LocalStorage Array Methods & Functional JS

rocket_launch

المشروع العملي والتطبيقي للمرحلة:

تطبيق تتبع المهام والمصروفات التفاعلي مع حفظ البيانات واستهلاك API بيانات حية (Weather & Currency API).

handyman بيئة العمل والأدوات:

Browser Console Postman ESLint Git Version Control

مطور React محترف schedule 5 أسابيع (6 محاضرات)

المرحلة الرابعة: إطار العمل React.js وبناء تطبيقات الصفحة الواحدة (SPA)

احتراف مكتبة React 18+، تقسيم المكونات Components، إدارة الحالة State & Props، الـ Hooks المتقدمة (useState, useEffect, useMemo, useContext)، والتنقل بين الصفحات عبر React Router.

المهارات والتقنيات المكتسبة:

React.js 18+ JSX Syntax Custom Hooks State Management React Router v6 Context API Axios

rocket_launch

المشروع العملي والتطبيقي للمرحلة:

بناء لوحة تحكم ذكية (Dashboard) لإدارة المنتجات والمبيعات مع رسوم بيانية وتصفية بيانات متقدمة.

handyman بيئة العمل والأدوات:

Vite React Tailwind with React React DevTools Vercel Deployment

جاهز لسوق العمل schedule 3 أسابيع (3 محاضرات)

المرحلة الخامسة: مشروع التخرج الشامل والتأهيل لسوق العمل والعمل الحر

بناء مشروع التخرج الكامل وربطه بـ Back-End API، اختبار الأداء والتوافق SEO، إنشاء بورتفوليو احترافي على GitHub، والتجهيز للمقابلات التقنية والعمل عن بعد.

المهارات والتقنيات المكتسبة:

Full Application Lifecycle Web Performance Optimization Clean Code Architecture Git Workflow & Branches Technical Interview Prep

rocket_launch

المشروع العملي والتطبيقي للمرحلة:

مشروع التخرج: منصة تدريب وتعليم إلكتروني متكاملة تدعم السلة وتصفح الدورات وحسابات المستخدمين مع نشر حي.

handyman بيئة العمل والأدوات:

GitHub CI/CD Netlify / Vercel LinkedIn & Portfolio

workspace_premium

المحطة الختامية • Graduation & Career Ready

محطة التخرج والاعتماد والتأهيل لسوق العمل 2026

جاهز للتوظيف والعمل الحر

بنهاية مشاريع التخرج، يحصل الطالب على دعم مهني متكامل ومتابعة مباشرة من فريق Courses Zone حتى اقتناص أول فرصة عمل وظيفية أو مشروع حر معتمد.

qr_code_2

شهادة تخرج ذكية

شهادة معتمدة موثقة برمز QR للتحقق الدولي السريع.

folder_managed

تدقيق الـ Portfolio

مراجعة بورتفوليو المشاريع وحساب GitHub مع خبراء المجال.

record_voice_over

محاكاة المقابلات

جلسات Mock Interviews للتدريب على أسئلة الـ HR والتقنية.

handshake

توجيه العمل الحر

تسعير الخدمات، التفاوض، وبناء حسابات منصات الفريلانس.

folder 5 وحدات تدريبية • play_circle 24 محاضرة ودرس تطبيقي

verified شهادة إتمام معتمدة فور إنهاء جميع المحاضرات

1 الوحدة 1: الأساسيات وبناء الهيكل القياسي (HTML5 & Modern CSS3)

5 دروس

play_circle مقدمة مسار الويب وكيفية عمل المتصفحات وتجهيز بيئة العمل (VS Code & Git)

25:00 معاينة مجانية

play_circle هيكلية HTML5 الدلالية وتنسيق النصوص والقوائم والوسائط المتعددة

35:00 معاينة مجانية

play_circle أساسيات CSS3 ونظام الـ Box Model والهوامش والحواف والألوان الحديثة

40:00

play_circle إتقان التوزيع المرن Flexbox وبناء القوائم وأشرطة التنقل الاحترافية

45:00

play_circle نظام الشبكة المتقدم CSS Grid والتصميم المتجاوب التام مع الشاشات Responsive Design

50:00

2 الوحدة 2: التنسيق السريع وأطر العمل الحديثة (Tailwind CSS)

4 دروس

play_circle تثبيت وضبط Tailwind CSS مع Vite ومفهوم فئات الـ Utility-First

30:00

play_circle بناء صفحات متجاوبة وتخصيص الألوان والخطوط والمتغيرات في Tailwind Config

40:00

play_circle تفعيل الوضع الليلي (Dark Mode) وتأثيرات الحركة Transitions & Keyframe Animations

35:00

play_circle مشروع تطبيقي: بناء صفحة متجر إلكتروني وبطاقات منتجات عصرية عبر Tailwind

55:00

3 الوحدة 3: لغة JavaScript المعاصرة والبرمجة التفاعلية (ES6+ & DOM)

6 دروس

play_circle أساسيات لغة JavaScript الحديثة، المتغيرات، الدوال والسلاسل النصية ومصفوفات ES6