Skip to product information
1 of 3

25% Off Bootstrap 5 From Scratch | Build 5 Modern Websites | Udemy Review & Coupon

25% Off Bootstrap 5 From Scratch | Build 5 Modern Websites | Udemy Review & Coupon

This course teaches how to create and build modern websites using Bootstrap 5.

This course covers:

This course, Bootstrap 5 From Scratch | Build 5 Modern Websites, is designed to help you learn the fundamentals of web development using Bootstrap 5. You will gain the skills necessary to build modern webpages with HTML5, CSS3, and JavaScript.

The course consists of 13.5 hours of on-demand video, 1 article, and 13 downloadable resources accessible on mobile and television devices. It also offers a certificate of completion at the end of the course.

What you'll learn

  • Developing five websites of high quality, starting from scratch.
  • This is a guide for setting up an environment to compile Sass and customize Bootstrap.
  • There are three mini-project challenges.
  • Use sandbox files to study and analyze Bootstrap classes and utilities.
  • Acquire knowledge on semantic HTML5 and CSS techniques.

About Brad Traversy

Brad Traversy has 12 years of programming experience and almost 5 years of teaching experience. The individual owns Traversy Media, a successful YouTube channel focused on web development. It covers a range of topics, including HTML5, front-end frameworks like Angular, and server-side technologies such as Node.js, PHP, and Python. Brad has the ability to effectively communicate complex topics in a simplified and comprehensible manner. Enhance your knowledge by viewing Brad's courses.

Inside the Bootstrap 5 From Scratch | Build 5 Modern Websites

The course teaches how to build modern websites and UIs with the Bootstrap CSS framework and is open to all interested individuals. This course is suitable for beginners as well as those interested in creating interesting projects.

The course has been structured into various segments.

The name of the program is the Bootstrap Sandbox.

We will begin our learning process by utilizing the Bootstrap sandbox to familiarize ourselves with the essential Bootstrap classes, utilities, and helpers. The collection contains categorized files for various components and areas, including buttons, typography, grid columns, and flex. The starter version will not include classes, but we will add them and discuss their use, as well as analyze the CSS in some cases. The sandbox will be utilized for all CSS components and JavaScript widgets, including the carousel, accordion, and toast notifications.

Mini-Project Challenges

There are mini-projects that you'll need to complete independently, based on what you learned in the sandbox sections. The features of this include a pricing grid, ratings component, and a user list. It is possible that additional information will be included in this section.

Starter Template / Boilerplate

Our plan is to establish a framework and setting for constructing our principal endeavors. The process involves utilizing NPM (Node Package Manager) for the installation of Bootstrap and Sass. The process of customizing Bootstrap involves altering Sass variables and compiling a personalized bootstrap.css file. Lack of knowledge in NPM or Sass is acceptable. I provide explanations along the way.

These are the top 5 websites.

Our next task is to utilize the starter template to develop five visually appealing websites. The websites will incorporate Bootstrap components, JavaScript widgets, custom JavaScript, and third-party libraries to enhance their functionality.

The list of websites is as follows:

The website provides an ebook for free on how to start a blog.

The Corso website provides a range of training courses and seminars.

This portfolio website features a modern design catered to developers.

Yavin Website is a company that specializes in designing personalized office spaces.

The Vera website offers software solutions.


You should know the basics of HTML and CSS

The goal of Bootstrap 5 from Scratch is to give users the tools they need to create modern websites using the latest version of Bootstrap. To do so, it’s important to understand the basics of HTML and CSS - two of the core technologies behind web development.

Frequently Asked Questions

What is Bootstrap 5?

Bootstrap 5 is the latest version of the popular open-source web development framework. It is a powerful toolkit for developing responsive, mobile-first websites and applications. Bootstrap 5 includes a variety of new features such as support for CSS custom properties, improved form controls, better grid system, and more accessibility improvements.

What is included in Bootstrap 5 From Scratch?

The course includes lessons on customizing Bootstrap, CSS components, JavaScript widgets, custom JavaScript and third-party libraries. We will also cover the use of Sass variables and compiling a personalized bootstrap.css file.


View full details

Customer Reviews

Based on 3 reviews
This course is very informative.

I use Visual Studio, so it is helpful to learn techniques that can reduce coding. I would appreciate more information regarding the JavaScript used in this course, but overall, it is a good course. There is a significant amount of useful material that can be utilized in future constructions.

Clear and complete explanations as always!

I have attended numerous courses taught by Brad, and he consistently excels in his explanations and makes it easy to learn new things.

Juan Manuel
Very amazing as always

It is another course created by Brad Traversy, known for his expertise in creating landmark courses. I would recommend it to anyone who wants to learn the basics of Bootstrap and differentiate themselves from others.

Skills for your future

Courses start at just $13.99