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.

Ratings 4.37 / 5.00
Complete Guide to Bootstrap 5 with 6 Real World Projects

What You Will 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...

Description

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!

Who Should Attend!

  • Anyone who wants to learn bootstrap 5 to step up their game as a web developer.
  • Who wants to create awesome and professional websites with the latest bootstrap version.
  • Web developers who wants to fasten their workflow with the help of bootstrap 5.

TAKE THIS COURSE

Tags

  • Bootstrap
  • Front End Web Development
  • Responsive Design
  • Web Frameworks

Subscribers

852

Lectures

106

TAKE THIS COURSE



Related Courses