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 23 components, 7 helpers and 14 utilities of the latest version of Bootstrap 5 from May 13 2021 (v5.0.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.0.1 (from May 13 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 build all of the 23 components
- How to use all of the 7 helpers
- How to use all of the 14 utilities
- How to create 6 different projects
- How to customize Bootstrap 5
- Basic understanding of HTML
- A code editor and a browser
Bootstrap – the world’s most popular front-end frameworks!
This course covers all the different parts of the latest version of the world’s most popular front-end framework, Bootstrap 5.0.1 from May 13, 2021. Bootstrap has been used on millions of websites around the world and have 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.
This course is for the beginner who want 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 color, layout, content, forms, components, helpers and utilities.
Finally, I will walk you through how to create 6 different projects using Bootstrap 5.
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
More than just video lectures
In addition to the video lectures this course contains the following kinds of learning materials:
- Bootstrap 5 Learning Kit:
Downloadable ZIP file that works offline. More than 200 source files 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 required.
- 5 quizzes
Test your knowledge in the end of each section by taking Multiple Choice Quizzes
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 makes it stand out among the rest:
- up to date with the latest version of Bootstrap 5 from May 13, 2020: version 5.0.1
- more features and extra learning materials including coding exercises, quizzes and a custom Learning Kit
- 1.5+ hours and 35+ 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
In the next update in the later in 2021 I will walk you through how to create more various different projects using Bootstrap 5. You will learn how to build the following projects:
- Online Forum
- … and more to come
I will also be adding more practice activities like coding exercises, quizzes and more.
Who this course 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
12. Project 4 Survey
You can also Download Bootstrap Studio 2021 Free Download