Master Bootstrap 5 With 6 Projects And Sass Customization

Master all parts of Bootstrap 5 and customization with Sass using Learning Kit, coding exercises, quizzes and much more.
What you’ll learn

Learn how to create and use all 24 components, 9 helpers and 16 utilities of the latest version of Bootstrap 5 from September 7 2021 (v5.1.1)
Practice with a special built Bootstrap 5 Learning Kit (200+ source files) and 38 coding exercises featuring more than 200 automated tests against your code
Learn how to customize and extend Bootstrap 5 with Sass: change global options and customize color, layout, content, forms, components, helpers and utilities
Master the latest version: Bootstrap 5.1.1 (from September 7 2021)
How to create fluid and responsive layouts
How to use breakpoints and the grid system
How to structure all kinds of content
How to create 6 different responsive projects
Accessibility best practices
Requirements

Basic understanding of HTML
A code editor and a browser
Description
ABOUT

Bootstrap – the world’s most popular front-end framework!

This video covers all the different parts of the latest version of the world’s most popular front-end framework, Bootstrap 5.1.1 from September 7, 2021. 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 work across all kinds of devices, browsers and screen sizes while also taking care of accessibility and a clean and modern design.

This video is for the beginner who wants to learn Bootstrap 5 from the bottom up. It goes through all the different parts, but each lecture can be watched independently.

After learning about all the different parts you will learn how to customize and extend Bootstrap 5 with Sass. First of all, I will show you how to compile Sass with the Koala app and introduce you to the Bootstrap 5 Sass files. Then I will show you many examples of how you can customize and extend Bootstrap 5 by changing global options as well as changing the settings and styles for colour, layout, content, forms, components, helpers and utilities.

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: Portfolio
Project 2: Resume and CV Page
Project 3: Knowledge Base
Project 4: Survey
Project 5: Landing Page
Project 6: Small Business Website
LEARNING STYLE

More than just video lectures

In addition to the video lectures this video contains the following kinds of learning materials:

Bootstrap 5 Learning Kit:
Downloadable ZIP file that works offline. More than 200 source files are included.
A custom built learning kit with source code for all parts of Bootstrap 5. Features a reference section with many examples, a practice section, which you can use while learning about Bootstrap 5, and a screencast section for coding along to my screencasts. You can view the source code directly in the browser, copy it to the clipboard and export each example directly to a new CodePen.
38 coding exercises:
More than 200 automatic tests against your code. This is one of the best ways to learn how to code – no downloads or installations are required.
5 quizzes
Test your knowledge at the end of each section by taking Multiple Choice Quizzes
WHY THIS video?

Why this video instead of another Bootstrap video?

Wondering why you should choose this video instead of another Bootstrap video? This video has the following features that makes it stand out among the rest:

up to date with the latest version of Bootstrap 5 from September 7, 2020: version 5.1.1
more features and extra learning materials including coding exercises, quizzes and a custom Learning Kit
2 hours and 40 lectures teaching how to customize and extend Bootstrap 5 with Sass
most lectures can be watched independently of each other
has been carefully crafted through more than 300 hours of dedicated work
UPCOMING UPDATES

In the next update in the first quarter of 2022, I will walk you through how to create various different projects using Bootstrap 5. You will learn how to build the following projects:

Blog
Online Forum
Ecommerce Website
… and more to come
I will also be adding more practice activities like coding exercises, quizzes and more.


Who this video is for:
Anyone who wants to learn how to make responsive and modern websites with Bootstrap 5
Anyone who wants to learn how to make quick prototypes