الفئات: العلوم والتكنولوجيا
مستوى: متخصص
اللغة: الانجليزية
بناء أربعة مشاريع عملية باستخدام Bootstrap 5، تطبق فيها المفاهيم بشكل عملي خطوة بخطوة.
استخدام Sass لتبسيط الأكواد وتحسين تصميم الأنماط (CSS).
تصميم قالب Fiction مع شريط تنقل، عرض شرائح، دراسة حالة، خريطة، وتذييل.
تطوير قالب السيارات يعرض أنواع السيارات والعروض، مع أقسام البحث والتطبيق.
إنشاء متجر إلكتروني متكامل في قالب E-commerce.
تصميم عناصر Charts وتنظيم المحتوى في صفوف واضحة ومنسقة، مع الكود المصدري للتعديل وإعادة الاستخدام.
دروس مجانية
Sass
نافبار
عرض الشرائح 1
1. Sass
Sass
2. نموذج الFiction
نافبار
عرض الشرائح 1
دراسة الحالة
عرض الشرائح 2
قسم الفريق
الخريطة و التذييل
3. نموذج السيارات
نافبار
الصفحة الرئيسية
أنواع السيارة
أفضل العروض
العلامات التجارية
قسم الباحث
قسم التطبيق
التذييل
4. E-commerce
القسم العلوي
نافبار
عرض الشرائح
منتجات
عرض أخير
Why
نموذج الاتصال
التذييل
5. Charts
نافبار
القائمة Offcanvas
مشروط القائمة
قائمة Toast
القائمة المنسدلة
الصف الأول
الصف الثاني
استعد لاكتساب خبرة أكبر في تطوير المواقع مع Bootstrap 5 من خلال هذا الجزء الخامس من الدورة. ستعمل على أربعة مشاريع على مستوى متطور، لنمنحك تجربة عملية غنية، تساعدك على تعزيز قدراتك كمطور. ابدأ رحلتك بتعلم Sass، أداة تساعدك في كتابة أنماط (CSS) أكثر كفاءة وتبسيط الأكواد. بعد ذلك، ستنتقل إلى نموذج Fiction، حيث ستصمم شريط تنقل (Navbar) وعرض شرائح، وتعرض دراسة حالة عن فريق العمل، مع تضمين خريطة وتذييل منظم. في نموذج السيارات، ستبني صفحة رئيسية تعرض أنواع السيارات وأفضل العروض والعلامات التجارية، كما ستضيف قسمي الباحث والتطبيقات، مما يجعل التنقل واستكشاف الخيارات سهلاً وسريعًا، مع تذييل مخصص. تمنحك تجربة نموذج E-commerce فرصة لتصميم متجر إلكتروني متكامل. ستنشئ القسم العلوي، مع إضافة نافبار وعروض شرائح، وتنظيم المنتجات بطريقة احترافية، وستختتم المشروع بعرض أخير، قسم "Why" الذي يبرز مميزات المتجر، ونموذج اتصال يعزز التفاعل مع العملاء. وأخيرًا، ستتعلم بناء Charts باستخدام عناصر مبتكرة مثل القائمة Offcanvas، قائمة Toast، والقوائم المنسدلة، مع تنظيم المحتوى في صفوف واضحة ومتناغمة. خلال هذه الدورة، ستنفذ أربعة مشاريع كاملة مزودة بـ الكود المصدري (source code)، وذلك يمنحك مرونة في التعديل وإعادة الاستخدام مستقبلاً. هذه المشاريع العملية تساعدك على تطوير مواقع تلبي متطلبات السوق بفعالية. اشترك الآن، وابدأ في بناء مواقع عالية الاحترافية باستخدام Bootstrap 5، واستفد من وصول غير محدود لأكثر من 1000 دورة تعليمية في اشتراك واحد!
تتطلب هذه الدورة التدريبية تحميل ال Sass والإلمام بأساسيات HTML5 وال CSS3. إذا كنت بحاجة إلى الإطلاع على معلومات أكثر، يمكنك الرجوع إلى الأجزاء الأربعة السابقة الخاصة بمحتوى الدورة التدريبية.
مطور مواقع
968 متعلمين
10 دورات