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

Training Course index

 اليوم الاول: (مقدمة + Html)

• مقدمة  تعريف - خطة الدورة - الهدف من الدورة
• تركيب كود VS
• (مرجع w3schools)
• ما هو Html
• عناصر- سمات العناصر
• كتابة أول سطر من كود html
• إعادة التوجيه إلى صفحة أخرى
• عنصر الصورة
• ul - ol - li العناصر
• عنصر الجدول
• عنصر div
• كيف تعمل النماذج- المدخلات (رقم - كلمة سر - بريد الكتروني) - خانة الاختيار - حدد العنصر

اليوم الثاني: CSS

• ما هو CSS
• كتابة أول كود css
• النمط المضمن مقابل النمط الخارجي
• هوية شخصية - الطبقات - اللون واللون bg 
• مفتش المتصفح - نموذج الصندوق
• ورشة عمل
• عرض - إخفاء - إظهار العنصر
• الرسوم المتحركة والانتقال
• Html & CSS Simple Project + QA

اليوم الثالث: (مقدمة إلى JS)

• المتغيرات والثوابت
• أنواع البيانات
• تسمية المتغيرات - الشروط (إفادات)
• المصفوفات
• حلقات (للحلقات) - التكرار في النطاق - التكرار على الأوتار - التكرار على المصفوفات
• حلقات متداخلة
• استخدام الموجه والتنبيه في JS
•  حساب مجموع مصفوفة Int
• ورشة عمل
• المهام - المعلمات - القيم المعادة
• كائنات JS (JSON) - مفتاح الوصول في الكائن - تغيير قيمة المفتاح - كائنات في المصفوفة - التكرار على مجموعة من الأشياء
• تحديات التفكير المنطقي من مركز Coder

اليوم الرابع: (JS مع Html & CSS)

• ما هو دوم (وثيقة)
• استهداف عنصر html باستخدام JS -  تغيير html الداخلي للعنصر - الهدف باستخدام المعرف - الهدف باستخدام اسم الفئة
• - مستمع الأحداث والفعاليات
• ورشة عمل (JS مع Html)
•  تغيير الستايل من JS
• ورشة عمل (JS مع Html & CSS)
• عرض المشروع النهائي.

اليوم الخامس:

• الحل النهائي للمشروع

Training course outcomes

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

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

Training Pre-requirements

• سعودي الجنسية
• شهادة دبلوم واعلى
• خلفية بلغات البرمجة
• يفضل لغة انجليزية
• وجود كمبيوتر