الفئات: العلوم والتكنولوجيا
مستوى: متخصص
اللغة: الانجليزية
بناء ثلاثة قوالب عملية باستخدام Bootstrap 5 تعزز مهاراتك خطوة بخطوة.
تصميم شريط التنقل (Navbar)، معرض أعمال (Portfolio)، وعرض شرائح سلس ضمن قالب Bicycle.
إنشاء صفحات شخصية مميزة مع أقسام مثل "About"، جداول بيانات، وعروض شرائح في قالب Portfolio.
إضافة أقسام تفاعلية مثل Call to Action وخطط تسعير لتقديم تجربة متكاملة.
تطوير قالب Themes يدمج بين التصميم والتوثيق مع نماذج تفاعلية وخطط تسعير.
التعامل مع الكود المصدري لكل مشروع، بالإضافة إلى اكتساب خبرة حقيقية في تصميم مواقع احترافية متجاوبة تلبي احتياجات السوق الحديث.
دروس مجانية
نافبار
نافبار
الصفحة الرئيسية
1. Bicycle
نافبار
الصفحة الرئيسية
Portfolio 1
Portfolio 2
عرض الشرائح
التذييل
2. Portfolio
نافبار
الصفحة الرئيسية
قسم الAbout
مميزات
قسم الModal
عرض الشرائح
الجدول
قسم الCall to Action
خطط التسعير
التذييل
3. Themes
نافبار
الصفحة الرئيسية
قسم تعلم وطور
"قسم "قال عن
قسم Form in Action
تفقد تصاميمنا
خطط التسعير
توثيق
التذييل
ارفع من مستوى مهاراتك في تصميم وتطوير مواقع الويب باستخدام Bootstrap 5 في هذا الجزء الرابع من الدورة، حيث ستتمكن من بناء ثلاثة قوالب تساعدك على تحسين تجربتك العملية في تصميم المواقع. تبدأ الدورة مع قالب (Bicycle)، حيث تتعلم تصميم شريط التنقل (Navbar) وصفحة رئيسية متكاملة. ستُنشئ معرض أعمال (Portfolio) وعرض شرائح يعرض المحتوى بشكل سلس، بالإضافة إلى تصميم تذييل (Footer) منظم واحترافي. بعد ذلك، ستنتقل إلى قالب Portfolio، الذي يركز على إنشاء صفحات شخصية مميزة. ستتعلم تصميم قسم "About"، وإضافة مميزات جذابة، وعروض شرائح ديناميكية. ستضيف أيضًا جداول بيانات، قسمًا للتفاعل (Call to Action)، وخطط تسعير، مما يمنحك الخبرة في تصميم مواقع متكاملة تجمع بين المظهر الجمالي والناحية العملية. في الجزء الأخير من الدورة، ستعمل على قالب Themes، الذي يجمع بين التصميم والتوثيق. ستنشئ صفحة رئيسية وقسم "تعلم وطور" يساعد في عرض خدماتك بشكل جذاب. كما ستضيف أقسامًا مثل ""قالوا عن""، ونموذج (Form in Action) لتسهيل التفاعل مع المستخدمين، ستتعرف أيضًا على كيفية عرض التصاميم، إضافة خطط تسعير، وإنشاء وثائق واضحة للمستخدمين. ستطبّق كل ما تعلمته من خلال بناء هذه المشاريع العملية الثلاثة، مع توفير الكود المصدري (source code) لكل مشروع، وذلك يسهل عليك مراجعة ما أنجزته وإعادة استخدامه في المستقبل. إذا كنت تبحث عن تطوير مهاراتك في تصميم مواقع احترافية تلبي احتياجات السوق، فإن هذه الدورة هي ما تحتاجه. انضم الآن واكتسب خبرة حقيقية في بناء مواقع احترافية باستخدام Bootstrap 5، واستفد من وصول غير محدود لأكثر من 1000 دورة تعليمية باشتراك واحد فقط.
تتطلب هذه الدورة التدريبية الإلمام بأساسيات HTML5 & CSS3. إذا كنت بحاجة إلى الإطلاع على معلومات أكثر، يمكنك الرجوع إلى الجزء الأول والثاني الخاص بمحتوى الدورة التدريبية.
مطور مواقع
968 متعلمين
10 دورات