أساسيات تطوير واجهات الويب الأمامية

الوصف

هذا المسار مصمم خصيصاً للمبتدئين من الصفر، ولكل شخص يطمح لتغيير مساره المهني ودخول عالم البرمجة. رحلة متكاملة تأخذك من فهم أساسيات عمل الويب، وصولاً إلى بناء مواقع كاملة، متجاوبة، وعالية التفاعل. على مدار ستة أسابيع، ستتعلم البناء الهيكلي للصفحات باستخدام (Semantic HTML5)، وتصميم واجهات عصرية وجذابة عبر تقنيات CSS الحديثة مثل Flexbox و Grid، إلى جانب إتقان التصميم المتجاوب ليناسب جميع الشاشات. كما ستتعمق في أساسيات JavaScript، لتتعلم كيفية التحكم في عناصر الصفحة (DOM)، إدارة الأحداث، التخزين داخل المتصفح، والتعامل مع البرمجة غير المتزامنة (Asynchronous Code). يُختتم المسار بتطبيق مشروع عملي حقيقي يجمع كل ما تعلمته في مكان واحد، ليمنحك انطلاقة قوية وأساساً برمجياً متيناً يجهزك للانتقال بكل ثقة إلى بيئات العمل المتقدمة مثل Angular أو React.

ماذا ستتعلم

• بناء صفحات ويب احترافية بـ (Semantic HTML5) لضمان سهولة الوصول.
• إنشاء تخطيطات عصرية ومرنة باستخدام تقنيات Flexbox و CSS Grid.
• تصميم مواقع متجاوبة تتكيف مع كافة الشاشات مع إضافة حركات سلسة.
• كتابة أكواد JavaScript نظيفة للتعامل بمهارة مع الدوال، المصفوفات، والكائنات.
• التحكم الكامل بعناصر الصفحة (DOM)، إدارة الأحداث، والتحقق من صحة النماذج.
• جلب البيانات (APIs) بشكل غير متزامن وباحترافية.

محتوى الدورة

1. 1 الأسبوع 1

   • الجلسة 1: بنية الويب وأساسيات HTML5
   • الجلسة 2: أساسيات CSS3 ونموذج الصندوق (Box Model)

2. 2 الأسبوع 2

   • الجلسة 3: التخطيطات الحديثة (Flexbox) والتخطيطات المتقدمة (CSS Grid)
   • الجلسة 4: التصميم المتجاوب والحركات (Animations)

3. 3 الأسبوع 3

   • الجلسة 5: أساسيات JavaScript الجوهرية
   • الجلسة 6: التحكم في سير البرنامج والدوال

4. 4 الأسبوع 4

   • الجلسة 7: هياكل البيانات (المصفوفات والكائنات)
   • الجلسة 8: التعامل مع DOM والتنقل بين عناصره

5. 5 الأسبوع 5

   • الجلسة 9: التعامل مع الأحداث، والتحقق من النماذج، وواجهات المتصفح البرمجية والتخزين
   • الجلسة 10: JavaScript غير المتزامنة (Promises و Async/Await)

6. 6 الأسبوع 6

   • الجلسة 11: مشروع واقعي - الجزء الأول
   • الجلسة 12: مشروع واقعي - الجزء الثاني