Course Information
Course Overview
Master the latest version of bootstrap 5 from scratch by coding 5 CSS and 1 SASS real world websites.
Hi everyone!
This course covers all the different parts of the latest version of the world's most popular front-end framework, Bootstrap 5.1. Bootstrap has been used on millions of websites around the world and has been carefully developed to cover a wide range of typical user interfaces.
Web pages built with Bootstrap 5 works across all kinds of devices, browsers, and screen sizes while also taking care of accessibility and a clean and modern design.
I designed this course for:
Web developers who don't know bootstrap
Web developers who have used bootstrap 4 now want to upgrade to v5
Knows the basics of bootstrap 5 but needs to learn practical implementations
We are going to learn the basics of bootstrap 5 from scratch - bootstrap utilities, layouts, components. Then we are going to jump into the projects. After creating 5 courses with CSS we are going to see how to set up bootstrap 5 with sass. We will also see how to customize default bootstrap stylings using customization API. After that, we will be creating a website template by using bootstrap 5 and sass. If you don't have any prior knowledge of SASS, then don't worry! I got you covered. I will be explaining the SASS from the very basics.
Finally, I will walk you through how to create 6 different projects using Bootstrap 5.
PROJECTS
Learn to build the following projects using Bootstrap 5:
Project 1: Beginner Portfolio
Project 2: One-page Agency Template
Project 3: Bootstrap 5 Admin Dashboard
Project 4: Multipage Blog
Project 5: Professional Portfolio
Project 6: E-learning SASS template
WHY THIS COURSE?
Why this course instead of other Bootstrap courses?
Wondering why you should choose this course instead of other Bootstrap courses? This course has the following features that make it stand out among the rest:
No unnecessary staffs
Real-world professional projects
Other than learning about bootstrap 5, you will also learn how to use these-
Emmet for faster workflow
How to create beautiful animations using the AOS animations library
How to create charts and graphs using Chart js
Form validation methods
Typewriter effect using javascript
How to do filtering and sorting with isotope js
How we can create a working HTML form with PHP
Using vanilla js sliders like tiny slider
LET'S GET STARTED!
Course Content
- 10 section(s)
- 106 lecture(s)
- Section 1 Introduction
- Section 2 Creating the Development Environment
- Section 3 Bootstrap 5 Utilities
- Section 4 Bootstrap 5 Layouts and Responsiveness
- Section 5 Bootstrap 5 Components
- Section 6 First Project: Beginner Portfolio Website
- Section 7 Second Project: Indexter - One Page Bootstrap 5 Agency Template
- Section 8 Third Project: Bootstrap 5 Admin Template
- Section 9 Fourth Project: Bootstrap 5 Blog Template
- Section 10 Fifth Project: Create A Professional Portfolio Site for Yourself
What You’ll Learn
- Utilities, Layout and Components of the latest bootstrap 5 (v5.1.0) from September 2021
- How to create real world professional websites with bootstrap 5
- You will learn about other cool libraries and plugins like aos animations, tiny slider, smooth-scrollbar, isotope filtering and sorting and more...
- How to create a setup with a bundler like parcel and also git and github
- You will learn the basics of SASS by practical project
- How to customize default bootstrap, create new utilities and more...
- Not only bootstrap 5 but also how the real world web development works...
Skills covered in this course
Reviews
-
LLouise Runnacles
He explains things very well although it would be useful to have alternatives to fonts he uses as I'm not sure people would want to pay to sign up to using other fonts when one's like Google Fonts are free. Unfortunately downloading studio code for using with SASS didn't work (version 22 showed up on my control panel). I've therefore had to skip doing the SASS projects and will have to do them elsewhere (no other suggestions of alternative code editors were offered).
-
AAbdul Nadeem Qazi
Thanks for the course you have posted, I really appreciate it and learnt some different skill which is not 100% relevant to Bootstrap Course, e.g. Javascript, for which I was thinking to use/watch other course, but you have provided few usefull practical use in your project, which really helped. Thanks and appreciate.
-
JJulius Mboto
The course is good, very clear explaination. I recommend it to someone who wants to learn Bootstrap 5
-
KKathy Moran
I am very impressed with the thoroughness of this course. The quality of each course project is top notch. Now that I've completed the course, I feel very comfortable with all the new Bootstrap 5 styles and features and much more beyond Bootstrap. Thank you for all the work you put into providing Udemy students with such an awesome course!