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

تهدف الدورة الحالية لشرح مهارات البرمجة الأساسية التي تسمح لك ببناء محفظة مشاريع الترميز، وكذلك ستتدرب على محتوى وتصميم صفحة الويب وربطهم ببعض، لانشاء موقع كام
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)
  • عرض المشروع النهائي.
  • الحل النهائي للمشروع