الدرس 1 : واجهة البرنامج 12:17 الدرس 2 : التعامل مع starter template 8:45 الدرس 3 : انشاء ملف جديد 8:30 الدرس 4 : insert قائمة 4:26 الدرس 5 : تصميم مساحة عمل مخصصة 5:34 الدرس 6 : شاشة العرض المباشر 2:14 الدرس 7 : الفرق بين live and design view 2:28 الدرس 8 : ماقبل التصميم 4:38 الدرس 9 : انشاء ملف جديد 8:26 الدرس 10 : التعرف على كود html and css 6:15 الدرس 11 : استخدام أمر div 17:40 الدرس 12 : إضافة أوامر css 13:42 الدرس 13 : الكتابة 10:06 الدرس 14 : الفقرات 7:45 الدرس 15 : تذييل الصفحة 5:02 الدرس 16 : تخزين الملف 6:17 الدرس 17 : تحميل الصور 7:53 الدرس 18 : تعديل الصور 3:25 الدرس 19 : تعديل الصور على الفوتوشوب 6:04 الدرس 20 : تنزيل الصورة كأرضية 4:49 الدرس 21 : تعديل منطقة nav 8:09 الدرس 22 : عمل صفحات اخرى 8:59 الدرس 23 : اضافة صورة لصفحة about us 5:08 الدرس 24 : الفورم 13:00 الدرس 25 : إضافة خصائص للفورم 7:50 الدرس 26 : اضافة صور مع الخصائص على صفحة المنتجات 17:40 الدرس 27 : إضافة اللينكات (الروابط ) 8:38 الدرس 28 : إضافة أمر hover 7:53 الدرس 29 : بحال وجود بعض الاخطاء غير الظاهرة 4:59 الدرس 30 : الجداول 6:09 الدرس 31 : رفع التصميم 2:50 الدرس 32 : بداية التصميم باستخدام Bootstrap 6:50 الدرس 33 : انشاء ملف فارغ 6:48 الدرس 34 : اضافة Navbar 5:01 الدرس 35 : إضافة وتعديل الروابط 9:48 الدرس 36 : اضافة كلمة وتعديل بعض الخصائص على القوائم 5:14 الدرس 37 : تعديل Style 3:53 الدرس 38 : اضافة الشعار للقائمة 3:58 الدرس 39 : إضافة Container 8:59 الدرس 40 : اضافة صور مع تعديل الفراغات 7:14 الدرس 41 : إضافة سطور وأعمدة وتعديلها 8:44 الدرس 42 : إضافة فقرة داخل الاعمدة والصفوف 7:16 الدرس 43 : الأيقونات 10:15 الدرس 44 : البانر المتحرك 2:18 الدرس 45 : اضافة مكان ضمن البانر 5:38 الدرس 46 : إضافة صور للبانر 3:43 الدرس 47 : إنشاء الفوتر 7:02 الدرس 48 : إنشاء صفحة About Us 8:46 الدرس 49 : استخدام الأمر Tap 10:38 الدرس 50 : الأمر Accordion 8:31 الدرس 51 : أوامر الفورم 6:34 الدرس 52 : إضافة الروابط على القوائم 4:19 الدرس 53 : أوامر أخرى 10:41 الدرس 54 : رفع التصميم على الموقع 9:10