Udemy

Complete Guide to Bootstrap 5 with 6 Real World Projects

Enroll Now
  • 922 Students
  • Updated 2/2023
4.4
(141 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
17 Hour(s) 31 Minute(s)
Language
English
Taught by
Sofiullah Chowdhury
Rating
4.4
(141 Ratings)
3 views

Course Overview

Complete Guide to Bootstrap 5 with 6 Real World Projects

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...


Reviews

  • L
    Louise Runnacles
    3.0

    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).

  • A
    Abdul Nadeem Qazi
    5.0

    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.

  • J
    Julius Mboto
    4.5

    The course is good, very clear explaination. I recommend it to someone who wants to learn Bootstrap 5

  • K
    Kathy Moran
    5.0

    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!

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed