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

تعلم تصميم وتنسيق صفحات الويب وإنشاء واجهات متجاوبة مع مختلف الأجهزة.

• أساسيات CSS
• المحددات والخصائص
• الألوان والخطوط
• نموذج الصندوق
• العرض والتموضع
• Flexbox
• Grid
• التصميم المتجاوب
• Media Queries
• الحركات والانتقالات

تعلم أساسيات JavaScript وإضافة التفاعل والمنطق إلى صفحات الويب.

• مقدمة في JavaScript
• المتغيرات وأنواع البيانات
• العمليات
• الشروط
• الحلقات
• الدوال
• المصفوفات
• الكائنات
• التعامل مع عناصر الصفحة DOM
• الأحداث
• التحقق من النماذج
• ميزات JavaScript الحديثة ES6+

تعلم استخدام Bootstrap لبناء واجهات احترافية ومتجاوبة بشكل أسرع.

• مقدمة في Bootstrap
• نظام الشبكة
• الحاويات وتخطيط الصفحات
• التصميم المتجاوب
• الأزرار والنماذج
• البطاقات والمكونات
• شريط التنقل
• النوافذ والتنبيهات
• بناء صفحة متكاملة

تعلم كيفية ربط تطبيقات Front-End مع الخدمات والبيانات الخارجية.

• مقدمة في APIs
• HTTP وطرق الطلب
• JSON
• Fetch API
• طلبات GET وPOST
• التعامل مع الاستجابات
• معالجة الأخطاء
• عرض بيانات API داخل الواجهة

تعلم بناء تطبيقات Front-End حديثة وقابلة للتطوير باستخدام React.js.

• مقدمة في React
• المكونات Components
• JSX
• Props
• State
• التعامل مع الأحداث
• العرض الشرطي
• القوائم والمفاتيح
• النماذج
• useState وuseEffect
• ربط React مع APIs
• هيكلة المشروع