The Complete Bootstrap 4 Guide: Beginner to Advanced

The Complete Bootstrap 4 Guide: Beginner to Advanced, available at $54.99, has an average rating of 4.2, with 138 lectures, based on 194 reviews, and has 995 subscribers.

You will learn about Master every Bootstrap 4 class name using my custom Bootstrap Playground. Build projects using Flexbox. Create beautiful websites in the project section. Discover and understand advanced topics such as SASS & SCSS Know what you are building and why. Quickly compare your code to mine. Friendly and fast support in the course Q&A Section. This course is ideal for individuals who are If you want to build beautiful websites quickly this is the course for you! It is particularly useful for If you want to build beautiful websites quickly this is the course for you!.

Enroll now: The Complete Bootstrap 4 Guide: Beginner to Advanced

Summary

Title: The Complete Bootstrap 4 Guide: Beginner to Advanced

Price: $54.99

Average Rating: 4.2

Number of Lectures: 138

Number of Published Lectures: 138

Number of Curriculum Items: 138

Number of Published Curriculum Objects: 138

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

Master every Bootstrap 4 class name using my custom Bootstrap Playground.
Build projects using Flexbox.
Create beautiful websites in the project section.
Discover and understand advanced topics such as SASS & SCSS
Know what you are building and why.
Quickly compare your code to mine.
Friendly and fast support in the course Q&A Section.

Who Should Attend

If you want to build beautiful websites quickly this is the course for you!

Target Audiences

If you want to build beautiful websites quickly this is the course for you!

UPDATE: This course now includes 2 hours of new content entirely based on Advanced Topics such as SASS and SCSS. It is also updated to the latest version of bootstrap.

Welcome to The Complete Bootstrap 4 Guide, the only course you need to learn Bootstrap 4. There are a lot of ways to learn Bootstrap 4, but this course is without a doubt the most comprehensive and effective way to learn the latest version of Bootstrap. Here’s why:

This course was carefully planned and took over 8 months to create
Everything I cover is up-to-date and relevant using only the latest version of Bootstrap 4 – version 4.3.1 final release (not an alpha or beta version)
I built a special Bootstrap Playground where you can quickly learn all of the Bootstrap Classes and Components.
The course is constantly updated with new content, projects, and lectures. Feel free to offer suggestions of what else you would like to see.
Don’t be a code monkey, actually understand WHY we are doing something

Why should you learn Bootstrap?

It is the fastest way to build websites without having to re-invent the wheel. When building a website there is a lot of repeated code such as what a button looks like or how to make a website responsive. There are countless other examples, but all you need to know is that it makes your life a whole lot easier, especially if you are a junior web developer.

Throughout this course we cover tons of tools and technologies including:

HTML5
CSS3
Bootstrap 4 (4.3.1)
Flexbox
Responsive Design
SASS & SCSS

This course is also unique in the way that it is structured and presented. Many times instructors just show you the Bootstrap 4 documentation or worse they just jump right in and expect you to learn it along the way. This course is different. I have built a custom site called the Bootstrap Playground which allows you to:

Quickly learn the Bootstrap 4 class names
Be able to differentiate between the different Bootstrap 4 components
Play around with Bootstrap without a lot of setup
A quick way to compare my code and yours
And more!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Setup 1 – VS Code

Lecture 3: Setup 2 – Course Files Setup

Lecture 4: Setup 3 – Window Size Tool

Lecture 5: Setup 4 – File Comparisions

Chapter 2: Bootstrap Playground – Part 1 – Grid & Flexbox

Lecture 1: Intro to Bootstrap Playground

Lecture 2: Bootstrap Playground Custom Classes

Lecture 3: Containers

Lecture 4: The Grid – Part 1

Lecture 5: The Grid – Part 2

Lecture 6: The Grid – Part 3

Lecture 7: The Grid Breakpoints – Part 1

Lecture 8: The Grid Breakpoints – Part 2

Lecture 9: The Grid Breakpoints – Part 3

Lecture 10: Display Properties – Part 1

Lecture 11: Display Properties – Part 2

Lecture 12: Flex – Part 1

Lecture 13: Flex – Part 2

Lecture 14: Flex – Part 3

Lecture 15: Flex – Part 4

Lecture 16: Flex – Part 5

Lecture 17: Flex – Part 6

Lecture 18: Flex – Part 7

Lecture 19: Flex – Part 8

Chapter 3: Bootstrap Playground – Part 2 – Utilities

Lecture 1: Typography

Lecture 2: Text Utilities

Lecture 3: Code

Lecture 4: Bootstrap Colors

Lecture 5: Spacing – Part 1

Lecture 6: Spacing – Part 2

Lecture 7: Spacing – Part 3

Lecture 8: Sizing

Lecture 9: Images

Lecture 10: Figures

Lecture 11: Borders

Lecture 12: Tables

Lecture 13: Vertical Align

Lecture 14: Floats

Lecture 15: Clearfix

Lecture 16: Screenreaders

Chapter 4: Bootstrap Playground – Part 3 – Components

Lecture 1: Media Objects

Lecture 2: Alerts

Lecture 3: Badges

Lecture 4: Breadcrumbs

Lecture 5: Buttons – Part 1

Lecture 6: Buttons – Part 2

Lecture 7: Button Group

Lecture 8: Dropdowns – Part 1

Lecture 9: Dropdowns – Part 2

Lecture 10: Dropdowns – Part 3

Lecture 11: Cards – Part 1

Lecture 12: Cards – Part 2

Lecture 13: Cards – Part 3

Lecture 14: Cards – Part 4

Lecture 15: Forms – Part 1

Lecture 16: Forms – Part 2

Lecture 17: Forms – Part 3

Lecture 18: Input Groups

Lecture 19: Navs

Lecture 20: Navbar – Part 1

Lecture 21: Navbar – Part 2

Lecture 22: Position

Lecture 23: Pagination

Lecture 24: Progress Bars

Chapter 5: Bootstrap Playground – Part 4 – JavaScript

Lecture 1: Carousels

Lecture 2: Collapse

Lecture 3: Tooltips

Lecture 4: Popovers

Lecture 5: Modals

Lecture 6: Scrollspy

Lecture 7: Bootstrap Playground Wrap Up

Chapter 6: Project 1

Lecture 1: Overview of Project 1

Lecture 2: Important Note about Step 1

Lecture 3: Step 1

Lecture 4: Step 2

Lecture 5: Step 3

Lecture 6: Step 4

Lecture 7: Step 5

Lecture 8: Step 6

Lecture 9: Step 7

Lecture 10: Step 8

Chapter 7: Project 2

Lecture 1: Overview of Project 2

Lecture 2: Project 2 – Step 1

Lecture 3: Project 2 – Step 2

Lecture 4: Project 2 – Step 3 – Part 1

Lecture 5: Project 2 – Step 3 – Part 2

Lecture 6: Project 2 – Step 4

Lecture 7: Project 2 – Step 5

Lecture 8: Project 2 – Step 6

Lecture 9: Project 2 – Step 7

Chapter 8: Project 3

Lecture 1: Project 3 – Bullseye Overview

Lecture 2: Project 3 – Template – Step 1

Instructors

Andrew Whitworth
Full Stack Web Developer

Rating Distribution

1 stars: 5 votes
2 stars: 3 votes
3 stars: 12 votes
4 stars: 62 votes
5 stars: 112 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu