The Bootstrap 4 Bootcamp

The Bootstrap 4 Bootcamp, available at $84.99, has an average rating of 4.51, with 88 lectures, 2 quizzes, based on 7125 reviews, and has 29895 subscribers.

You will learn about Learn to create beautiful, responsive websites quickly and painlessly Use the latest in HTML5, CSS3, and Flexbox alongside Bootstrap 4 Master every single Bootstrap component Use the Bootstrap 4 Grid system to create complex, fluid layouts Compile your own SASS to customize Bootstrap Dig into the crazy Bootstrap source files Learn the ins and outs of the new Bootstrap 4 utility classes This course is ideal for individuals who are Anyone who wants to master Bootstrap 4 to build responsive and beautiful websites quickly or Anyone who knows Bootstrap 3 and is looking to upgrade their knowledge to Bootstrap 4 It is particularly useful for Anyone who wants to master Bootstrap 4 to build responsive and beautiful websites quickly or Anyone who knows Bootstrap 3 and is looking to upgrade their knowledge to Bootstrap 4.

Enroll now: The Bootstrap 4 Bootcamp

Summary

Title: The Bootstrap 4 Bootcamp

Price: $84.99

Average Rating: 4.51

Number of Lectures: 88

Number of Quizzes: 2

Number of Published Lectures: 88

Number of Published Quizzes: 2

Number of Curriculum Items: 90

Number of Published Curriculum Objects: 90

Original Price: $129.99

Quality Status: approved

Status: Live

What You Will Learn

Learn to create beautiful, responsive websites quickly and painlessly
Use the latest in HTML5, CSS3, and Flexbox alongside Bootstrap 4
Master every single Bootstrap component
Use the Bootstrap 4 Grid system to create complex, fluid layouts
Compile your own SASS to customize Bootstrap
Dig into the crazy Bootstrap source files
Learn the ins and outs of the new Bootstrap 4 utility classes

Who Should Attend

Anyone who wants to master Bootstrap 4 to build responsive and beautiful websites quickly
Anyone who knows Bootstrap 3 and is looking to upgrade their knowledge to Bootstrap 4

Target Audiences

Anyone who wants to master Bootstrap 4 to build responsive and beautiful websites quickly
Anyone who knows Bootstrap 3 and is looking to upgrade their knowledge to Bootstrap 4

Bootstrap is currently the single most used library on all of Github, beating out other tools like React and Angular! It’s immensely popular, and with good reason: it makes creating responsive websites a breeze.

This course will take you from a complete beginner to a Bootstrap 4 expert in a matter of hours! Or, if you already know Bootstrap 3, this course will serve a complete guide to all the new changes and improvements in Bootstrap 4. By the time we’re done, you’ll master every single component, the powerful grid system, and the brand-new utility classes. By then end of the course we’ll be building complete, responsive websites that looks great on all devices. We’ll learn to write and compile SASS to customize our own version of Bootstrap. In addition, since Bootstrap 4 is now built on top of Flexbox, we spend a lot of time learning the ins and outs of Flexbox along the way!

What makes this course special

Most Bootstrap courses follow a similar pattern: “Watch me code. Watch me do x. Watch me do y”. There’s never a chance for you to actually practice what you’re watching. This course is different. Every section contains at least one exercise, activity, or quiz to get you practicing ASAP. Sometimes I show you mockups and you to re-create the layout on your own. Other times, I give you deliberately broken code and ask you to fix it. All the activities are based on my experience teaching bootstrap in classroom and are designed to keep you engaged and learning 🙂

I’ve put a ton of work into making this course the best Bootstrap course out there. Watch a preview video or sign up and see why Bootstrap is currently the most popular front-end library around. It makes developing good-looking websites incredibly easy (and kind of fun!).

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course Welcome and Introduction

Lecture 2: Join The Community!

Lecture 3: Intro To Bootstrap

Lecture 4: Do Bootstrap Sites All Look The Same?!

Lecture 5: Comparing Bootstrap 3 and 4

Chapter 2: Environment Setup

Lecture 1: Intro to My Editor: VSCode

Lecture 2: Using Emmet

Lecture 3: The Live Server Extension

Lecture 4: Optional: My Theme and Colors

Chapter 3: Getting Started With Bootstrap 4

Lecture 1: GET THE CODE FOR THIS COURSE!

Lecture 2: The Bootstrap 4 Documentation

Lecture 3: Including Bootstrap 4

Lecture 4: Your First Exercise: Intro

Lecture 5: Your First Exercise: Solution

Chapter 4: Bootstrap 4 Basics

Lecture 1: Colors

Lecture 2: Buttons

Lecture 3: Typography

Lecture 4: Jumbotrons

Lecture 5: Exercise Intro

Lecture 6: Exercise Solution

Chapter 5: Super Useful Utilities

Lecture 1: Bootstrap 4 Breakpoints

Lecture 2: The Display Utility

Lecture 3: Borders and Shadows

Lecture 4: Margin and Padding

Lecture 5: Exercise Intro

Lecture 6: Exercise Solution

Chapter 6: Forms

Lecture 1: Form Controls

Lecture 2: Checkboxes/Form Checks

Lecture 3: Custom Inputs

Lecture 4: Input Groups and Icons

Lecture 5: Inline Forms

Lecture 6: Exercise Intro

Lecture 7: Exercise Solution

Chapter 7: Navbars and Flexbox!

Lecture 1: The Nav Component

Lecture 2: Flexbox and Navs

Lecture 3: OPTIONAL Flexbox Review

Lecture 4: Navbars

Lecture 5: More About Navbars

Lecture 6: Even More About Navbars

Lecture 7: Exercise Intro

Lecture 8: Exercise Solution

Chapter 8: The Magical Grid System

Lecture 1: Intro To The Grid

Lecture 2: The Responsive Grid

Lecture 3: Grid Alignment

Lecture 4: Offsets and Nesting

Lecture 5: Forms And The Grid

Lecture 6: Exercise Intro

Lecture 7: Exercise Solution

Chapter 9: Cards and List Groups

Lecture 1: List Groups

Lecture 2: Cards Basics

Lecture 3: Cards With Images

Lecture 4: Cards Layout

Chapter 10: Other Components

Lecture 1: Badges

Lecture 2: Breadcrumbs

Lecture 3: Button Groups

Lecture 4: Pagination

Lecture 5: Progress Bars

Chapter 11: JavaScript Components

Lecture 1: Alerts

Lecture 2: Tooltips

Lecture 3: Popovers

Lecture 4: Dropdowns

Lecture 5: Collapse and Accordions

Lecture 6: Modals

Lecture 7: Scrollspy

Lecture 8: Carousels

Lecture 9: Exercise Intro

Lecture 10: Exercise Solution

Chapter 12: Customizing Bootstrap w/ SASS

Lecture 1: Intro to SASS and Koala

Lecture 2: Meet the Bootstrap Source Files

Lecture 3: Customizing Colors

Chapter 13: Building Aurora Grove

Lecture 1: Intro to Aurora Grove

Lecture 2: SASS Setup

Lecture 3: Adding the Navbar

Lecture 4: Building the Showcase

Lecture 5: Adding an Overlay

Lecture 6: The Icons and About Section

Lecture 7: Explore/Experience

Lecture 8: Adding in Quotes

Lecture 9: Image Carousel

Lecture 10: Social Media Gallery

Lecture 11: Footer and Contact Form

Lecture 12: The Booking Modal

Chapter 14: BONUS PROJECT: Museum of Candy

Lecture 1: A Note About This Project

Lecture 2: Museum of Candy Part 1

Instructors

Colt Steele
Developer and Bootcamp Instructor

Rating Distribution

1 stars: 28 votes
2 stars: 64 votes
3 stars: 525 votes
4 stars: 2403 votes
5 stars: 4105 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