الفئات: العلوم والتكنولوجيا

التكنولوجيا
الشبكة الإلكترونية
جافا سكريبت
الهدف 8: العمل اللائق ونمو الاقتصاد
الهدف 9: الصناعة والابتكار والهياكل الأساسية

دليلك لتعلم الـ بوتستراب Bootstrap 5 | الجزء الخامس

مدة الدورة: 6 ساعة 5 دقيقة / 30 درس

مستوى: متخصص

اللغة: الانجليزية

ماذا ستتعلم

  • بناء أربعة مشاريع عملية باستخدام Bootstrap 5، تطبق فيها المفاهيم بشكل عملي خطوة بخطوة.

  • استخدام Sass لتبسيط الأكواد وتحسين تصميم الأنماط (CSS).

  • تصميم قالب Fiction مع شريط تنقل، عرض شرائح، دراسة حالة، خريطة، وتذييل.

  • تطوير قالب السيارات يعرض أنواع السيارات والعروض، مع أقسام البحث والتطبيق.

  • إنشاء متجر إلكتروني متكامل في قالب E-commerce.

  • تصميم عناصر Charts وتنظيم المحتوى في صفوف واضحة ومنسقة، مع الكود المصدري للتعديل وإعادة الاستخدام.

هذه الدورة تتضمن

  • 6 ساعة 5 دقيقة/30 درس
  • آخر تحديث: 13/10/2022
  • شهادة إتمام الدورة

محتوى الدورة

دروس مجانية

1.

Sass

17 دقيقة
2.

نافبار

13 دقيقة
3.

عرض الشرائح 1

7 دقيقة

عن الدورة

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

متطلبات الدورة

تتطلب هذه الدورة التدريبية تحميل ال Sass والإلمام بأساسيات HTML5 وال CSS3. إذا كنت بحاجة إلى الإطلاع على معلومات أكثر، يمكنك الرجوع إلى الأجزاء الأربعة السابقة الخاصة بمحتوى الدورة التدريبية.

عن الخبير

دليلك لتعلم الـ بوتستراب Bootstrap 5 | الجزء الخامس

مدة الدورة: 6 ساعة 5 دقيقة / 30 درس
مستوى: متخصص
اللغة: الانجليزية