When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Udemy logo

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.

     
  • 4.1
  •  |
  • Reviews ( 786 )
₹569

This Course Includes

  • iconudemy
  • icon4.1 (786 reviews )
  • icon22h 50m
  • iconenglish
  • iconOnline - Self Paced
  • iconprofessional certificate
  • iconUdemy

About Master Bootstrap 5 with 6 projects and Sass customization

ABOUT

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

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

October 3, 2022

:

version 5.2.2

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

in early 2023

I will 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:

_Superb course. Very comprehensive and clear._ Geoff Wheatley _It could be the best Bootstrap 5 course on Udemy, I strongly recommend it._ Metin Küçük _He's very thorough and easy to follow. I'm enjoying the course._ Dan Rodriguez _I'm quite impressed on the way the instructor presents his example interactively. His tool is great too._ Rufino S. Dauz, Jr. _Explained things in a clear and concise way. Well organized and updated. Fairly quick to answer questions that may arise._ Filipe Abrantes _I think this is one of the best courses for Bootstrap 5 here on Udemy._ Flying Terra _The instructions are clear and easy to follow. I'm always incredulous with downloading to my machine but this worked flawlessly and is very simple._ Geoffrey Laun _This is great, so much work put in here. Thanks!_ Jakob Gegeniger _Much better than many others. I like the pace. Many boilerplate codes are written before, so it saves time._ Kaan Yamanyar _Excellent course_ Pushkar Dhaker _I'm updating an app from BS 4 to BS 5. Customizing is done a different way in BS 5. There's not a lot of information on how to do this in blogs or YouTube videos. I was very pleased to find this course which covers this. Thank you. Overall the course is excellent._ E D _Clear presentation and good content. This will be a very helpful course._ Aaron Patton _Super... this is what I am looking for..._ Pradeep Betty _Great reference for bootstrap. Be sure to watch and listen closely to the lecture on the learning kit. Easy to follow along if you use the Learning Kit._ Charlie Hager _Yes it's amazing!_ Moeez Ali _Every detail is worked on. The Learning Kit is a very good reference work._ Wolfgang Preuss _Very comprehensive overview of all aspects of Bootstrap!_ Loc Tran _Great course. Highly recommended. In-depth knowledge is explained using really good examples._ Kati Pierson _The course design and delivery is way too good. Once again I'd like to mention the course is flawless._ Chayanam Venkata Ratna Manikanta Sai Gopal _The course is to the point and offers great references. The videos are just the right length._ Devin Boyd _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

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