Bootstrap 5 From Scratch | Build 5 Modern Websites

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

Created by Brad Traversy | 13.5 hours on-demand video course

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.

What you’ll 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

Recommended Course by Brad Traversy

70+ JavaScript Challenges: Data Structures & Algorithms [NEW COURSES]

Freelance Mastery: For Web Developers & Designers

50 Projects In 50 Days – HTML, CSS & JavaScript

20 Web Projects With Vanilla JavaScript

Tailwind CSS From Scratch | Learn By Building Projects

React Front To Back

Modern HTML & CSS From The Beginning (Including Sass)

MERN Stack Front To Back: Full Stack React, Redux & Node.js

MERN From Scratch 2023 | eCommerce Platform

Django with React | An Ecommerce Website

Next.js Dev to Deployment

Electron From Scratch: Build Desktop Apps With JavaScript

Modern JavaScript From The Beginning 2.0 – 2023 Revamp

Redeem Offer

Click to open site

Udemy

success 100%