Bootstrap 5 Essential Training With Projects

Master Bootstrap 5 and build real-world projects with best practice
Bootstrap 5 Essential Training With Projects
File Size :
6.76 GB
Total length :
7h 13m



Ali Hossain


Last update




Bootstrap 5 Essential Training With Projects

What you’ll learn

You will learn the Latest Bootstrap v5 Framework
Learn the Bootstrap 5 utilities, classes, components & JS widgets
Learn to design and develop your own Bootstrap 5 Templates from scratch
Learn how to work with responsive images
Downloadable source code

Bootstrap 5 Essential Training With Projects


You Should have good HTML & CSS Knowledge
You do NOT need to know any Bootstrap 3 or Bootstrap 4 Knowledge
A code editor and a browser
You don’t need any prior experience with Bootstrap (or any other frameworks).


Welcome to Bootstrap 5 Essential Training: With Projects. In this course, you will learn bootstrap 5 step by step. After completing the series, I will create some projects so you know how to create projects with the skills, and If I missed something in the course it will cover also the project. Always after learning skills we should create some projects for solid learning. This course covers all the different parts of the latest version of the world’s most popular front-end framework, Bootstrap 5. It has been used on millions of websites around the world and has been carefully developed to cover a wide range of typical user interfaces.In order to start Bootstrap, you need basic knowledge of HTML, and CSS and if you know JavaScript it will be great but not mandatory. In order to learn Bootstrap 5, you do not need to learn older technologies like v4 or v3. In this course you will learn Bootstrap 5 utilities, classes, components & JS widgets, You will be able to create a project from scratch. I also uploaded all resources, if you stack them anywhere, you can check them. So what are you waiting for? Enroll and learn the world’s most popular front-end framework Bootstrap.My course is designed to help you gain practical, real-world experience with Bootstrap. You’ll learn by doing as you create beautiful projects that showcase the full potential of this popular framework. By the end of the course, you’ll have a comprehensive understanding of Bootstrap’s core concepts, and you’ll be ready to create your own projects with ease.With a focus on projects, you’ll quickly discover just how exciting and fun it can be to learn Bootstrap. You’ll gain the skills and confidence you need to create dynamic, responsive websites that look great on any device.Don’t miss this opportunity to learn Bootstrap and take your web development skills to the next level. Enroll in my course today and start creating stunning projects that showcase the power and flexibility of Bootstrap!


Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Course Overview

Section 2: Getting Started

Lecture 3 Setup Web Development Environment

Lecture 4 VS Code Keyboard Shortcuts

Section 3: Project Overview

Lecture 5 Creating a Landing Page

Lecture 6 Creating a Login From

Lecture 7 Bootstrap & SASS Project

Lecture 8 Agency Project with Bootstrap & SASS

Section 4: Fundamentals of Bootstrap 5

Lecture 9 Environment Setup

Lecture 10 Browser Support

Lecture 11 How Bootstrap Work

Lecture 12 Color & Customization

Lecture 13 Breakpoints

Lecture 14 Containers

Lecture 15 Grid

Lecture 16 Columns

Lecture 17 Gutters

Lecture 18 Reboot

Lecture 19 Typography

Lecture 20 Image

Lecture 21 Table

Lecture 22 Forms

Lecture 23 Accordion

Lecture 24 Alerts

Lecture 25 Buttons

Lecture 26 Badge

Lecture 27 Card

Lecture 28 Carousel

Lecture 29 Navbar

Lecture 30 Pagination

Lecture 31 Changing Colors on Bootstrap with SASS

Section 5: 05. Bootstrap Icons

Lecture 32 Bootstrap Icons

Lecture 33 Bootstrap Icon Alternative

Lecture 34 Another Bootstrap Icon Alternative

Section 6: Bootstrap 5 Project One

Lecture 35 Basic Preparation

Lecture 36 Header Navigation Area

Lecture 37 Carousel Area

Lecture 38 About Area

Lecture 39 Work Area

Lecture 40 Contact Us

Lecture 41 Footer Area

Lecture 42 Scrollspy

Lecture 43 Responsive Check

Lecture 44 Final Project

Section 7: Bootstrap 5 Project Two

Lecture 45 Create a login form using Bootstrap 5

Section 8: Bootstrap 5 & SASS Project

Lecture 46 01. Preparing SASS Ready Machine

Lecture 47 02. Getting Started – Materials Collection

Lecture 48 03. Creating Top Header Area

Lecture 49 04. Creating Header Area

Lecture 50 05. Creating Hero Area With Modal

Lecture 51 06. Creating Service Section with Card

Lecture 52 07. Creating Analysis Area

Lecture 53 08. Creating Team Area

Lecture 54 09. Creating FAQ Area

Lecture 55 10. Creating Contact Area

Lecture 56 11. Creating Footer Area

Lecture 57 12. Responsive Fixing

Section 9: Creating a project with custom bootstrap and SASS

Lecture 58 Basic Preparation

Lecture 59 Creating Navbar Section

Lecture 60 Creating Carousel

Lecture 61 Creating About Section

Lecture 62 Creating Service Section

Lecture 63 Creating Project Section

Lecture 64 Creating Team Section

Lecture 65 Creating Newsletter Area

Lecture 66 Creating Footer Section

Lecture 67 Responsive Fixing

Section 10: Tips and Tricks

Lecture 68 Common Bootstrap Mistakes To Avoid

Section 11: What’s Next?

Lecture 69 What’s Next


Course Information:

Udemy | English | 7h 13m | 6.76 GB
Created by: Ali Hossain

You Can See More Courses in the Developer >> Greetings from

New Courses

Scroll to Top