Master Bootstrap 5 with 6 projects and Sass customization
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
- 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.1.1 from September 7, 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.
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 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
In the next update in later in 2022 I will walk you through how to create more various different projects using Bootstrap 5. You will learn how to build the following projects:
... and more to come
I will also be adding more practice activities like coding exercises, quizzes and more.
Don't take my word for it – read what other students are saying about this course:
He is really efficient and the material is really well presented. I feel good about this course.
A great walk-through of all the bootstrap features will continue to use as a reference.
Very good course. The Bootstrap UI Kit and the projects are of great value. Thanks!
Thorough and Well designed. Not only are all the miriad Bootstrap 5 functionalities described but the web tool with 3 levels of development with inline collapsable code windows make this a "goto" tool for any developer.
I like that you work your way through the accompanying document and have mini tests throughout the lessons. It is easier to grasp the content.
– George Ciesinski
This course is great and right to the point
– Islam mostafa abohashim
The Learning Kit makes this course amazing. It definitely will help your understanding of the bootstrap framework.
– Damien Alleyne
Jeppe put in a lot of effort to make sure his students have everything they needed for this course. The Learning Kit and the Customization Kit are the ultimate tools for learning Bootstrap 5. I will always use them for reference in the future. Thanks Mr. Schaumburg Jensen. I really enjoyed your course.
– Michael G. Haight
By far, one of the best courses on Udemy. I enjoyed every bit of it. Detailed, clear, and full of powerful tools and source code, this is the best coding course on Bootstrap - hands down.
– Abdalrahman Shatou
It's a great course that teaches you everything that you need to know about bootstrap 5.
– Erik Tangvik
Very clear explanation.
– Hendrik Jan Jager
Course is an in depth look at Bootstrap CSS. The reference material is excellent (by itself worth the price of the course).
– Almeida Carlos Ferreira Unipessoal, Lda
Very well paced and thought out. I was missing a few key elements regarding the grid system and this cleared everything up.
– Dale Wright
I liked this course very much due to the natural flow of the content
– Md. Nadim Hossain Sonet
well presented and for the price it's really good.
– John James Burke
I'm impressed. Useful information not offered in the competitor's course, resulting in better understanding.
– Pamela Pierce
a great source for Bootstrap 5. I wrote to Jeppe and I receive a response so so fast. I really recommend it.
– Ayşe Keloğlu
good. got deep knowledge.
– Sanu K K
I am so glad I found this course. It is very easy to follow. All the steps along the way are keeping me motivated to move forward through to each next lesson. I wish other courses could be designed like this. The instructor has put a lot of thought and work into this Bootstrap 5 course and it shows. Just sign up for it. You'll be happy you did.
– Jeffrey Williams
I'm a former teacher and techie, and I can say with some authority that this is a very good course, with clear, comprehensive and practical instruction, plus very useful exercises and references. Key metric: Am I learning? Answer Yes, and at good speed!! Thank you for an up-to-date, excellent class. Worth way more than five stars.
– David Straker
Great introduction to bootstrap! Everything is explained well
– Borgar Stensrud
A practical and very clear course, the resources put in place by the trainer provide real added value, and allow you to learn bootstrap in a very professional way. A buy if you want to learn how to use this framework
I did my first pro website with only bootstrap after this course.
– Robert Ouimet
Exactly what I need to start using the Bootstrap framework for developing my own web pages.
– Ed Schultz
I really like the way the course is being taught. I loved the idea of the learning kit since i just need to give a quick look whenever i need to confirm something im not sure about. The way the teacher teachs is straight and i like it since we are not here to lose time. I wrote jeppe for help and I receive a response so so fast. I really recommend it.
– Diego Muralles
Amazing resource for learning bootstrap
– Gustav Frisholm
Great to see how hands on you show how to use bootstrap!
– Stephan Hoeksema
– Hector Sanchez
Great to see how hands on you show how to use bootstrap!
– Rollie Colby
Very well detailed and very well explained!
– Querino Anschau Junior
Yes, very good. (...) overall this course has been very good and very informative!
– Benjamin Harrison
Excellent course. Learned a lot. Thank you.
– Tim Markle
Très bon cours, pour l'instant tout est ok :)
– Eric Dekams
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
My name is Jeppe Schaumburg Jensen and I'm a senior software engineer at Siteimprove and a published author at Packt Publishing.
On Udemy my primary focus have been to create the best courses teaching front-end toolkits like Bootstrap 4, Bootstrap 5, Foundation, Bulma, Semantic UI, and Materialize.