Front End Development   تطوير واجهة المستخدم
  • مدة الدورة: 5 أيام

هدف التدريب

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

المهارات المكتسبة وفقاً لإطار المهارات الرقمية:

البرمجة/ تطوير البرمجيات PROG

مخرجات التعلم 

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

  • انشاء صفحات ويب وربطهم ببعض، لإنشاء موقع كامل.
  • تصميم صفحات الويب لإنشاء موقع ويب بتصميم مناسب.
  • استخدام الجافا سكريبت لجعل الموقع ديناميك.
  •  تصميم صفحات ويب متوافقة مع جميع الاجهزة.
  • مقدمة  تعريف - خطة الدورة - الهدف من الدورة
  • تركيب كود VS
  • (مرجع w3schools)
  • ما هو Html
  • عناصر- سمات العناصر
  • كتابة أول سطر من كود html
  • إعادة التوجيه إلى صفحة أخرى
  • عنصر الصورة
  • ul - ol - li العناصر
  • عنصر الجدول
  • عنصر div
  • كيف تعمل النماذج- المدخلات (رقم - كلمة سر - بريد الكتروني) - خانة الاختيار - حدد العنصر
  • ما هو CSS
  • كتابة أول كود css
  • النمط المضمن مقابل النمط الخارجي
  • هوية شخصية - الطبقات - اللون واللون bg 
  • مفتش المتصفح - نموذج الصندوق
  • ورشة عمل
  • عرض - إخفاء - إظهار العنصر
  • الرسوم المتحركة والانتقال
  • Html & CSS Simple Project + QA
  • المتغيرات والثوابت
  • أنواع البيانات
  • تسمية المتغيرات - الشروط (إفادات)
  • المصفوفات
  • حلقات (للحلقات) - التكرار في النطاق - التكرار على الأوتار - التكرار على المصفوفات
  • حلقات متداخلة
  • استخدام الموجه والتنبيه في JS
  •  حساب مجموع مصفوفة Int
  • ورشة عمل
  • المهام - المعلمات - القيم المعادة
  • كائنات JS (JSON) - مفتاح الوصول في الكائن - تغيير قيمة المفتاح - كائنات في المصفوفة - التكرار على مجموعة من الأشياء
  • تحديات التفكير المنطقي من مركز Coder
  • ما هو دوم (وثيقة)
  • استهداف عنصر html باستخدام JS - تغيير html الداخلي للعنصر - الهدف باستخدام المعرف - الهدف باستخدام اسم الفئة
  • مستمع الأحداث والفعاليات
  • ورشة عمل (JS مع Html)
  • تغيير الستايل من JS
  • ورشة عمل (JS مع Html & CSS)
  • عرض المشروع النهائي.
  • الحل النهائي للمشروع