Skip to content
UdemyWeb DevelopmentPaid courseAll LevelsCertificate

Bootstrap 5 From Scratch | Build 5 Modern Websites (Udemy.com)

Learn to customize and build modern websites from scratch using Bootstrap 5

Created by: Brad Traversy

Last updated June 2023

icon
What you will learn

  • Create 5 high quality websites from scratch
  • Create an enviroment boilerplate to compile Sass & customize Bootstrap
  • 3 mini-project challenges
  • Learn & examine Bootstrap classes & utilities using sandbox files
  • Learn semantic HTML5 & CSS techniques

icon
Course Description

This course is for anyone that wants to learn how to build modern websites and UIs using the Bootstrap CSS framework. This course is very beginner friendly, but is also for anyone that wants to build some cool projects.


The course is broken up into a few parts...


The Bootstrap Sandbox


We will start off by learning all of the important Bootstrap classes, utilities, helpers, etc by using the Bootstrap sandbox. This is a collection of files that are categorized for certain components and areas such as buttons, typography, grid columns, flex, etc. You will have a starter version without the classes and we will go through and add the classes and talk about them and in some cases examine the CSS. We will use the sandbox for all of the CSS components as well as the JavaScript widgets such as the carousel, accordion, toast notifications and so on.


Mini-Project Challenges


There will be a couple mini-projects that I will ask you to complete yourself, based on what you learned in the sandbox sections. This includes a pricing grid, ratings component and a user list. I may add more to this section as well.


Starter Template / Boilerplate


We will be creating a template and environment to build our main projects. This will include using NPM (Node Package Manager) to install Bootstrap and Sass. We will customize Bootstrap by changing Sass variables and then compiling a custom bootstrap.css file. If you don't know NPM or Sass, that is fine. I explain everything as I go.


5 Main Websites


Next, we will use the starter template to create 5 great looking websites. In these websites, we will use Bootstrap componenrs, JavaScript widgets as well as some custom JavaScript and 3rd part libraries to give us a little more functionality.


The websites are as follows:


- Ebook Website - Website that offers a free ebook about starting a blog

- Corso Website - Website that offers training courses and seminars

- Portfolio Website - Modern looking portfolio for developers

- Yavin Website - A business that creates custom office spaces

- Vera Website - Software solutions website

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Brad Traversy

Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media which is a successful web development YouTube channel and specializes in everything from HTML5 to front end frameworks like Angular as well as server side technologies like Node.js, PHP and Python. Brad has mastered explaining very complex topics in a simple manner that is very understandable. Invest in your knowledge by watching Brad's courses.

icon
More courses by Brad Traversy

$16.99

$129.99

$84.99

$99.99

$119.99

$11.99

icon
More Web Development courses

$19.99

$89.99

$89.99

$79.99

$10.99

$84.99

icon
Reviews

4.6

1,898 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Said Faisal Sadat on 11/17/2025

This course is the best. But would like to change one thing about it that is the instructor do the coding and at the end it shows the results, it would have been better if we could see that prototype along side the coding. For exampleLike for making this we use this classes and for that we use that classes. If it could show prototype and result of code very often it would have been better.

By Joonas Helde on 10/30/2025

I would love to write a positive review, because Brad is such a nice guy, but objectively, I can't recommend this course (at this point). Most of the content is the instructor writing code with very little explanation, and that code is freely available in his Github repository. What could be improved? Instead of 5 projects, this course could have just 2 or 3 "different" projects, with more time taken to explain Bootstrap classes usage and how they relate to CSS in those projects.

By Thomas Mühlbauer on 10/24/2025

Der Kurs hat zu einem guten Grundverständnis von Bootstrap beigetragen. Durch die vielen Vorlagen werde ich mir eine persönliche Homepage bauen können, die professionell aussieht. - Das war für mich der Grund, den Kurs zu belegen. Das Wissen von Brad ist wirklich beeindruckend. Auch seine Vortragsweise gefällt mir.

By Balša Bazović on 6/22/2025

The course was what I expected it to be; I think it was great. I came in with previous HTML & CSS experience, but needed to take such a course because I wanted to see how Bootstrap works behind the scenes; I definitely learned some interesting tips when it comes to both Bootstrap and overall website design. I would recommend this course to anyone who might be interested!

By Arielle Seerattan on 5/15/2025

This is my second course from Brad. I enjoy his teaching style and structure, especially his projects. : Good Course ✓ Well structured ✓ Excellent Projects ✓ Clear instructions ✓ Knowledgeable teacher ✓ Thorough ✓ Good pacing with projects ✘ Bootstrap classes presented badly (the beginning). Compare Bootstrap to CSS classes with examples so we can see why Bootstrap saves so much time and is better. eg. margin-top-20 = mt-20 Will recommend this course as few teachers on Udemy are better than him. However, the course needs improvement, especially in the beginning, to make the course really great. Still, worth the time and money

By Tuena Francis on 4/8/2025

I’m currently working as a freelancer on Freelancer.com, and the "Bootstrap 5 From Scratch | Build 5 Modern Websites" course has been incredibly helpful in enhancing my skills. I went through the course twice on my own to ensure I fully understood the concepts, and it was well worth the effort. In addition to this, I regularly follow Brad Traversy’s tutorials on Traversy Media on YouTube, which have been extremely valuable for my freelance projects. Brad, you're doing a tremendous job in delivering high-quality, practical content. Thank you for your dedication and for helping developers like me grow in the field!

By Güray Öztürk on 12/9/2024

This course was better than I expected. I found out that Bootstrap is way more capable than I assumed. And the Instructor's command and knowledge over Bootstrap is really amazing. My initial purpose while taking this course was only to make a cool looking personal portfolio site but now I feel like I can make many other cool looking things.

By Felix Patrick Adhiambo on 4/1/2024

Brad Traversy is one of the best authors I personally adore, he makes programming to be easy and fun to learn. I find this course to be resourceful and useful and looking forward to put the knowledge gained into practice. To those who are seeking to get to know Bootstrap Framework, I heavily recommend this course and your search should rest here.

By Freyder Montaño Perlaza. on 3/4/2024

Utilizar Bootstrap 5 y Sass en mis proyectos ha sido altamente beneficioso. La amplia gama de componentes y utilidades de Bootstrap 5 facilita la creación de diseños web responsivos de manera eficiente. La documentación detallada simplifica la implementación de elementos de diseño. Además, la capacidad de personalización de Bootstrap 5 me permite adaptar fácilmente el aspecto y la funcionalidad según las necesidades específicas de cada proyecto.

By Fabio on 7/6/2023

There's a lot o content to learn, the bad thing is that Brad don't explain too much the details. Then you have to learn by yourself, what is hard, but this way fix more in your head. I liked this course.

Showing all 10 reviews on CourseDuck

Read all 1,898 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 92 / 100