محاكاة صفحة إنستغرام | مشروع Front-End
في هذه الدورة، ستتدرب على أساليب HTML و CSS القياسية والبسيطة، وستقوم بإنشاء مشروع محاكاة لصفحة إنستغرام.
المنهج
5 فصول16 دروس5 مشاريعHTML | Body | الخلفية
مشروع3 دروس- 01مقدمة
- 02تنسيق HTML و Body
- 03الخلفية والهيكل
1. معلومات الملف الشخصي
مشروع7 دروس- 01تقسيم الأقسام
- 02صورة الملف الشخصي
- 03الاسم والأزرار
- 04CSS - التنسيق | التباعد
- 05الأرقام
- 06نبذة تعريفية
- 07CSS - الأرقام | النبذة التعريفية
2. شريط التنقل
مشروع3 دروس- 01الخط الأفقي
- 02عناصر الشريط
- 03CSS - Flex | تنسيق
3. الخلاصة
مشروع2 دروس- 01المنشورات
- 02CSS - Flexbox
خاتمة
مشروع1 درس- 01الخلاصة
المزيد مثل هذا
محاكاة بطاقة الملف الشخصي لـ Coddy | مشروع Front-end
في هذا المشروع، ستقوم بإنشاء محاكاة لبطاقة الملف الشخصي الخاصة بـ Coddy.
- 26
- 4
CSS Flexbox - الدورة الشاملة
في هذه الدورة، ستتقن مفاهيم CSS flexbox. يُعد flexbox أحد أكثر أنظمة التخطيط فائدة واستخداماً في تطوير الويب.
- 15
نموذج تسجيل دخول - مشروع HTML/CSS
في هذه الدورة، ستنشئ نموذج تسجيل دخول بسيط باستخدام HTML وتنسيقه باستخدام CSS.
- 7
- 2
تحديات HTML/CSS - الحزمة الثالثة
ستتحدى هذه الدورة معرفتك بـ HTML و CSS بطريقة ممتعة وفعالة!
- 5
شريط التنقل السفلي - مشروع HTML/CSS
في هذه الدورة، ستنشئ شريط تنقل سفلي بسيط باستخدام HTML وستقوم بتنسيقه باستخدام CSS. كما ستتعلم كيفية إضافة رسوم متحركة بسيطة باستخدام محدد (:hover) في CSS.
- 12
- 2
الأسئلة الشائعة
كم درسًا تحتوي محاكاة صفحة إنستغرام | مشروع Front-End؟
ماذا تغطي دورة محاكاة صفحة إنستغرام | مشروع Front-End؟
هل محاكاة صفحة إنستغرام | مشروع Front-End مجانية؟
