Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Master Bootstrap 5 with 6 projects and Sass customization

via Udemy

Overview

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, 10 helpers and 16 utilities of the latest version of Bootstrap 5 from October 3, 2021 (v5.2.2)
  • 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.2.2 (from October 3, 2022)
  • 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

ABOUT

Bootstrap- the world's most popular front-end frameworks!

This course covers all the different parts ofthe latestversion of theworld's most popular front-end framework,Bootstrap 5.2.2 from October 7, 2022. Bootstrap has been used on millions of websites around the world and have been carefully developed to cover a wide range of typical userinterfaces.

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, Iwill 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

LEARNINGSTYLE

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

WHYTHISCOURSE?

Why this course instead of other Bootstrap courses?

Wondering why you should choose this course instead ofother Bootstrap courses? Thiscourse has the following features that makes it stand out among the rest:

  • up to date with the latest version of Bootstrap 5 from October 3, 2022: version 5.2.2

  • more features and extra learningmaterials 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

UPCOMINGUPDATES

In the next update in in early 2023 Iwill walk you through how to create more 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.

TESTIMONIALS

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

Excellent course!
Ken McClain

A great walk-through of all the bootstrap features will continue to use as a reference.
Elliot Erickson

Very good course. The Bootstrap UI Kit and the projects are of great value. Thanks!
Sandro Massarani

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

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
– Loucas

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

Excellent course!
– 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

Taught by

Jeppe Schaumburg Jensen

Reviews

4.4 rating at Udemy based on 657 ratings

Start your review of Master Bootstrap 5 with 6 projects and Sass customization

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.