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
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
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
Instructor Details
- 4.6 Rating
1,898 Reviews
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.
More courses by Brad Traversy
Modern JavaScript From The Beginning 2.0 (Just Updated) (2025)
4.6 (36,520 Reviews)
Provider: Udemy
Time: 40.2h
$16.99
Modern HTML & CSS From The Beginning 2.0 (2025)
4.8 (28,669 Reviews)
Provider: Udemy
Time: 24.3h
$129.99
Bootstrap 4 From Scratch With 5 Projects (2018)
4.6 (17,122 Reviews)
Provider: Udemy
Time: 11.3h
$84.99
MERN Stack Front To Back: Full Stack React, Redux & Node.js (2019)
4.4 (15,750 Reviews)
Provider: Udemy
Time: 11.9h
$99.99
50 Projects In 50 Days - HTML, CSS & JavaScript (2025)
4.6 (12,876 Reviews)
Provider: Udemy
Time: 19.4h
$119.99
More Web Development courses
Python Fullstack Mastery: Build Modern Web Apps with Django (2025)
5.0 (165 Reviews)
Provider: Udemy
Time: 35h
$19.99
NgRx Signal store for Angular - The missing guide (2026)
4.9 (436 Reviews)
Provider: Udemy
Time: 11.3h
$89.99
Vue 3: Create a Mobile & Desktop App (with Quasar 2 & Pinia) (2024)
4.9 (177 Reviews)
Provider: Udemy
Time: 7.6h
$79.99
Build a URL Shortener App with ASP.NET: Step by Step (2026)
4.9 (100 Reviews)
Provider: Udemy
Time: 9.6h
$10.99
The Complete Elixir and Phoenix Bootcamp (2021)
4.8 (7,773 Reviews)
Provider: Udemy
Time: 17.4h
$84.99
Reviews
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.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 92 / 100












