Udemy

Platform

English

Language

Web Development

Category

The Bootstrap 4 Bootcamp

Learn to build beautiful responsive websites with the latest Bootstrap version (4.1.3), Flexbox, HTML5, and CSS3!

4.66 (2888 reviews)

Students

11.5 hours

Content

Oct 2018

Last Update
Regular Price

Topics


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


Description

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!).



Screenshots

The Bootstrap 4 Bootcamp
The Bootstrap 4 Bootcamp
The Bootstrap 4 Bootcamp
The Bootstrap 4 Bootcamp

Content

Introduction

Course Welcome and Introduction

Intro To Bootstrap

Do Bootstrap Sites All Look The Same?!

Comparing Bootstrap 3 and 4

Environment Setup

Intro to My Editor: VSCode

Using Emmet

Quick Emmet Quiz (Optional)

The Live Server Extension

Optional: My Theme and Colors

Getting Started With Bootstrap 4

GET THE CODE FOR THIS COURSE!

The Bootstrap 4 Documentation

Including Bootstrap 4

Your First Exercise: Intro

Your First Exercise: Solution

Bootstrap 4 Basics

Colors

Buttons

Colors and Buttons Quiz

Typography

Jumbotrons

Exercise Intro

Exercise Solution

Super Useful Utilities

Bootstrap 4 Breakpoints

The Display Utility

Borders and Shadows

Margin and Padding

Exercise Intro

Exercise Solution

Forms

Form Controls

Checkboxes/Form Checks

Custom Inputs

Input Groups and Icons

Inline Forms

Exercise Intro

Exercise Solution

Navbars and Flexbox!

The Nav Component

Flexbox and Navs

OPTIONAL Flexbox Review

Navbars

More About Navbars

Even More About Navbars

Exercise Intro

Exercise Solution

The Magical Grid System

Intro To The Grid

The Responsive Grid

Grid Alignment

Offsets and Nesting

Forms And The Grid

Exercise Intro

Exercise Solution

Cards and List Groups

List Groups

Cards Basics

Cards With Images

Cards Layout

Other Components

Badges

Breadcrumbs

Button Groups

Pagination

Progress Bars

JavaScript Components

Alerts

Tooltips

Popovers

Dropdowns

Collapse and Accordions

Modals

Scrollspy

Carousels

Exercise Intro

Exercise Solution

Customizing Bootstrap w/ SASS

Intro to SASS and Koala

Meet the Bootstrap Source Files

Customizing Colors

Building Aurora Grove

Intro to Aurora Grove

SASS Setup

Adding the Navbar

Building the Showcase

Adding an Overlay

The Icons and About Section

Explore/Experience

Adding in Quotes

Image Carousel

Social Media Gallery

Footer and Contact Form

The Booking Modal

BONUS PROJECT: Museum of Candy

A Note About This Project

Museum of Candy Part 1

Museum of Candy Part 2

Museum of Candy Part 3

Museum of Candy Part 4

Museum of Candy Part 5


Reviews

D
Douglas25 September 2020

Really enjoyed how the material was presented. Although this is definitely a beginner level course for Bootstrap, it's best to have a reasonable knowledge of HTML and CSS. I've done a few courses by Cole now, and very pleased with the train and do. I learn much better if I work through the exercises after the training. If you don't do that work, your understanding of the material will be weaker.

R
Roger23 September 2020

Excellent presentation, great content. Presentation style is developer focused, which is perfect. Really feel like I'm finally making progress with Bootstrap.

K
Keegan21 September 2020

Very thorough course about bootstrap 4, as with Colt's other courses he does a fantastic job explaining things and I really liked the final project at the end.

R
Ruslan21 September 2020

Another excellent course from Colt Steele. Great introduction to Bootstrap 4. All concepts are explained in great details with excellent examples sprinkled with Colt's quirk humor. Highly recommended!

B
Byan1 September 2020

A very thorough review of bootstrap, starting from the most basic components and building up to the fun parts; highly recommended!

N
Ned26 February 2020

Decent course, I would have liked another major project that wasn't included in the Web Developer Bootcamp. Colt is great.

T
Trevor20 February 2020

Great course. Colt explains everything really well and goes into a lot of depth. The only flaw that I have with this course is that there isn't a lot of projects (only two) to build. But beside that this course is great and I can see it being useful as a valuable reference guide when you might need to refresh your mind on a certain aspect of Bootstrap. All in all I would recommend this.

P
Padmanabhan15 February 2020

Excellent course & presentation. Learnt also about few new resources I am not aware of. I hope I can successfully apply these concepts I learnt in my projects.

S
Scott13 February 2020

I love Colt's style. Have taken several courses. This one seemed way rushed. Almost like he was bored and wanted to rush through it. First half was tons of cut and paste from the docs with a little commentary.

M
Mateus13 February 2020

Colt is a really good educator when it comes to making online courses more entertaining and practical. If you want to learn Bootstrap 4, just take this course. It's great!

J
Jeffery12 February 2020

Enjoyed the course. Clear descriptions of components. Especially enjoyed learning how to use specific Bootstrap features without having to import the complete library. Looking forward to trying a project with Bootstrap Grid system and Angular Materials Component UI. Great Course Colte!!!

M
Michael6 February 2020

Teacher is excellent. I am also taking full web development which is excellent. Back end is more interesting. But need to learn bootstrap to make sites quickly

J
Jan-Dirk31 January 2020

It's true that everything of Bootstrap can be found on the internet. But with a course like this the stuff is nice structured and it has great examples.

K
Kevin30 January 2020

The instructor is clear and concise and explains things well. The later teaching points the instructor seems to rush through it at a faster pace, for beginners, it's a little fast.

I
Indhi-on29 January 2020

A little bit too technical for me at this point as I'd like to learn what I can do only in bootstrap studio.


1968412

Udemy ID

10/15/2018

Course created date

6/14/2019

Course Indexed date
Bot
Course Submitted by