تطوير واجهات المواقع الإلكترونية باستخدام HTML وCSS وJavaScript وReact

نظرة عامة على الدورة

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

ماذا ستتعلم؟

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

  • فهم آلية عمل المواقع الإلكترونية وتطبيقات الواجهات الأمامية.
  • إنشاء صفحات ويب منظّمة ومتوافقة مع معايير سهولة الوصول باستخدام HTML.
  • تصميم تخطيطات متجاوبة باستخدام تقنيات CSS الحديثة.
  • تطبيق الخطوط، والألوان، والمسافات، والأساليب البصرية باحترافية.
  • كتابة برامج باستخدام JavaScript وتطبيق مفاهيم البرمجة الأساسية.
  • التحكم في عناصر صفحات الويب والاستجابة لتفاعلات المستخدم.
  • جلب البيانات من واجهات برمجة التطبيقات الخارجية وعرضها.
  • بناء مكونات واجهة مستخدم قابلة لإعادة الاستخدام باستخدام React.
  • إدارة بيانات التطبيق، والحالة، والنماذج، والتنقل.
  • تطوير تطبيق ويب متكامل للواجهة الأمامية ونشره.

الفئة المستهدفة

  • الراغبون في العمل كمطوري واجهات أمامية ومصممي مواقع إلكترونية.
  • الأشخاص الراغبون في بدء مسار مهني في تطوير الويب.
  • مستخدمو WordPress وElementor الراغبون في اكتساب مهارات البرمجة.
  • مصممو الجرافيك وواجهات المستخدم.
  • المستقلون ورواد الأعمال في المجال الرقمي.
  • طلاب الجامعات وحديثو التخرج.
  • المبتدئون الذين يمتلكون خبرة محدودة أو ليست لديهم خبرة سابقة في البرمجة.

محتوى الدورة

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

هل أنت مستعد لاتخاذ الخطوة التالية؟

أرسل طلبك اليوم، وسيتواصل معك فريقنا لتزويدك بالمواعيد المتاحة وخيارات تنفيذ التدريب

تفاصيل الدورة

رسوم الدورة

رسوم المشاركة: 199 دولارًا أمريكيًا لكل مشارك.

مدة الدورة

مدة البرنامج: 8 أيام تدريبية – 40 ساعة تدريبية.

طريقة التدريب

Live Online Training, In-Person Training

لغة التدريب

لغة التدريب: متاح باللغتين العربية والإنجليزية.

مستوى الدورة

All Levels