4.33 out of 5
4.33
294 reviews on Udemy

Bootstrap 5 Course: The Complete Guide (Step by Step)

Build 3 Live Real-World Projects with the Latest Bootstrap 5 CSS Framework. In-Depth Training on Bootstrap 5
Instructor:
Fatah Gabrial
38,243 students enrolled
English [Auto]
You will learn the Latest Bootstrap v5 Framework
Build Bootstrap 5 EMS front-end App (Project)
Build Bootstrap 5 Blog App (Project)
Build Bootstrap 5 Educational Website (Project)
Complete Bootstrap Implementation into any website
You will learn Responsive Web Site Designing
You will learn to Build customized Bootstrap 5 Web Apps
You will learn different Breakpoints in Bootstrap 5
You will learn how to use Bootstrap 5 Containers
You will Bootstrap 5 Grid system
You will learn to create responsive images, tables and typography
You will learn to create customized Bootstrap 5 Forms
You will learn all the Bootstrap 5 components like, Badge, Breadcrumb, Buttons, Button group, Card, and much more
You will learn to build a complete Bootstrap 5 Based website

Bootstrap 5 is the Latest version of the most popular CSS framework ever. More than a million website are now powered by Bootstrap. In this course you will learn Bootstrap 5 from a complete beginner to advanced level.

We will cover everything in Bootstrap 5 Documentation, in addition to that we will also create 3 Live projects.

  1. In this course as a first project you will build a EMS (Employee Management System) Web app (Front-End) which can later be used to integrate dynamic functionality.

  2. In the 2 project we will build a Blog Theme Project for the most popular content management system WordPress.

  3. As the 3rd project we will build a complete Educational Website from start to finish with the help of Advanced Bootstrap 5 Components.

Getting Started with Bootstrap 5

1
Introduction to Bootstrap 5
2
What you will need
3
Hello World
4
Bootstrap 5 Document Structure
5
Section 1: Quiz

Layouts in Bootstrap 5

1
Breakpoints in Bootstrap 5
2
Container Types
3
Grids Part-1
4
Grids Part-2
5
Grids for multiple devices
6
Align Columns in Grid
7
Section 2: Quiz

Contents in Bootstrap 5

1
Typography
2
Images
3
Tables
4
Section 3: Quiz

Forms in Bootstrap 5

1
Basic Login Form
2
Designing Form Holder with Custom & In-Built CSS
3
Styling Form Fields
4
Form Layout
5
Section 4: Quiz

Components in Bootstrap 5

1
Dismissable Alerts
2
Badges
3
Breadcrumbs
4
Button & Button Groups
5
Cards
6
Carousels
7
Collapse
8
Dropdown
9
List Group
10
Modals
11
Navs
12
Navbar
13
Pagination
14
Popover
15
Progress Bars
16
Progress Bar Snippet
17
Scrollspy
18
Section 5: Quiz

Project 1: EMS App (Employee Management App)

1
Setting up document for Project
2
Creating Login page for EMS App
3
Creating Dashboard Navbar
4
Add cards to Dashboard
5
Creating Employees Page
6
Creating Add Employee Form
7
Creating Single Detail for Employee
8
Creating Edit, Delete Options for Employee
9
Creating Jobs List Page
10
Creating Add, Edit & Delete Options to Jobs List
11
Creating Log Out Button

Project 2: Blog App with Bootstrap 5

1
Navbar for the Blog App
2
Creating Blog Banner
3
Building Cards for Home Page
4
Footer for Home Page
5
Creating Default Fall Back Page for Blog App
6
Creating Sidebar for the Blog App
7
Creating Post & Page for Blog App
8
Creating Comment Section for Blog App
9
Creating Category, Archives & Other Pages

Project 3: Real-World Education Project

1
Getting started with Live Project
2
Creating Custom Navbar
3
Registration Popup under Navbar
4
Creating Banner for Home Page
5
Adding Features Section to Home Page
6
Creating Online Courses Text Widget
7
Adding Online Courses Cards to Home Page
8
Creating Classroom Training Text Widget
9
Creating Classroom Training Sidebar & List
10
Creating the Review Slider Section
11
Creating Footer Widgets
12
Creating About & Contact Page
13
Creating Archive, Category, & Other Pages
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.3
4.3 out of 5
294 Ratings

Detailed Rating

Stars 5
126
Stars 4
111
Stars 3
42
Stars 2
7
Stars 1
4
76802303fc118deaa82ecf3be4fb3961
30-Day Money-Back Guarantee

Includes

6 hours on-demand video
1 article
Full lifetime access
Access on mobile and TV
Certificate of Completion