About This Course
This is the only course you need to learn Bootstrap. There are a lot of ways to learn Bootstrap, 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
- I built a special Bootstrap Playground where you can quickly learn all of the Bootstrap Classes and Components.
- 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
- Flexbox
- Responsive Design
This course is also unique in the way that it is structured and presented. Many times instructors just show you the Bootstrap 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 class names
- Be able to differentiate between the different Bootstrap components
- Play around with Bootstrap without a lot of setup
- A quick way to compare my code and yours
- And more!
Meet Your Instructor
Andrew Whitworth
Like most people who journey down the path of computer programming and software development I found it wasn't a straight line. I have spent years going in circles trying to learn from this tutorial or that tutorial.
I even went to college for computer programming and I had a great instructor, but there was still something missing. I wanted to learn newer technologies and I realized I was more interested in web development. I wanted to be on the cutting edge, but the problem is web development has so many layers. It took a while, but I finally got a handle on everything.
My goal is to help you avoid the years and circles I went through by providing the best courses and resources out there.
Testimonials
Over 4,352 Students
81% said it exceeded their expectations
“This was a great course to get to understand the different features of bootstrap and how to implement them.” - Samson
“This is a great course. I think the concepts are presented clearly and the material is very accessible. I've been using Bootstrap for a while and this was a good way to cover some stuff I'd missed and pick up some new tricks. Highly recommended.” - Matt
“Very good course, especially the Bootstrap Playground comes in very handy in the future.” - Aron
“Great course with many useful examples that can be applied in real projects.” - Nened
“A detailed class on bootstrap with loads of practical examples. Lots of hands-on experience while learning helps you to understand the bootstrap becomes easier. I simply loved this class and feels great learning experience as well. Thanks!” - Gopal
“Amazing teaching method with Bootstrap Playground. Very easy to understand.” – Hanktoja
“Great class! I was tired of kinda knowing what some of the bootstrap classes did, this class has helped me understand what is actually going on and how to make a much better UI. I highly recommend!” - Benjamin
“I am a developer and the pace of the course is perfect. Also, a couple of tricks that he has shown has already made the course worthwhile for me and we are only in the introduction. I can't wait to see what I will learn in the rest of the course.” - Wade
“I really appreciated all the work the instructor went to with creating the project files - wow, the Bootstrap Playground was a huge help.” - Blaine
Course Projects
Curriculum
8 Sections | 10 Hours | 114 Videos
- Intro to Bootstrap Playground (4:22)
- Bootstrap Playground Custom Classes (2:18)
- Containers (4:25)
- The Grid - Part 1 (0:51)
- The Grid - Part 2 (8:59)
- The Grid - Part 3 (7:33)
- The Grid Breakpoints - Part 1 (5:38)
- The Grid Breakpoints - Part 2 (4:50)
- The Grid Breakpoints - Part 3 (7:27)
- Display Properties - Part 1 (5:13)
- Display Properties - Part 2 (7:07)
- Flex - Part 1 (6:53)
- Flex - Part 2 (4:38)
- Flex - Part 3 (10:17)
- Flex - Part 4 (6:41)
- Flex - Part 5 (3:01)
- Flex - Part 6 (4:04)
- Flex - Part 7 (4:37)
- Flex - Part 8 (2:12)
- Media Objects (5:30)
- Alerts (4:05)
- Badges (4:03)
- Breadcrumbs (3:43)
- Buttons - Part 1 (3:12)
- Buttons - Part 2 (5:23)
- Button Group (4:16)
- Dropdowns - Part 1 (6:04)
- Dropdowns - Part 2 (5:30)
- Dropdowns - Part 3 (2:00)
- Cards - Part 1 (4:35)
- Cards - Part 2 (4:16)
- Cards - Part 3 (4:38)
- Cards - Part 4 (6:05)
- Forms - Part 1 (4:25)
- Forms - Part 2 (5:54)
- Forms - Part 3 (3:19)
- Input Groups (7:14)
- Navs (7:10)
- Navbar - Part 1 (7:51)
- Navbar - Part 2 (3:03)
- Position (3:01)
- Pagination (3:40)
- Progress Bars (4:44)
- Overview of Project 3 (1:54)
- Project 3 - Template - Step 1 (5:32)
- Project 3 - Template - Step 2 (4:22)
- Project 3 - Template - Step 3 (7:06)
- Project 3 - Template - Step 4 (6:55)
- Project 3 - Homepage - Step 1 (6:52)
- Project 3 - Homepage - Step 2 (4:15)
- Project 3 - Homepage - Step 3 (9:41)
- Project 3 - Homepage - Step 4 (7:42)
- Project 3 - Homepage - Step 5 (0:53)
- Project 3 - About Page (3:13)
- Project 3 - Careers Page (6:25)
- Project 3 - Contact Page (9:28)
- Project 3 - Franchising Page (6:39)
- Project 3 - Locations Page - Part 1 (9:52)
- Project 3 - Locations Page - Part 2 (5:15)
- Project 3 - Rewards Page (5:34)
- Project 3 - Menu Page - Part 1 (6:52)
- Project 3 - Menu Page - Part 2 (4:26)
- Project 3 - Menu Page - Part 3 (4:59)
- Project 3 - Menu Page - Part 4 (11:22)
- Project 3 - Menu Page - Part 5 (1:33)
- Project 3 - Menu Page - Part 6 (4:51)
- Project 3 - Menu Page - Part 7 (7:19)
- Project 3 - Menu Page - Part 8 (7:30)
- Project 3 - Menu Page - Part 9 - Bug Fix (5:46)
Frequently Asked Questions
What if I am unhappy with the course?
I will truly hate to see you go. I offer a 30 day money back guarantee.
How long do I have access to the course?
lifetime access
Is this course for beginners?
Yes, this course is for beginners. The only knowledge required is basic HTML. If you have never written a line of code I would recommend taking the HTML5 Without CSS course first. It will be available as an upgrade during the checkout for this course. It will provide a great foundation of knowledge to progress to this course.
What if I already know HTML & CSS?
This will still benefit you because Bootstrap gives you a lot of prebuilt CSS so you don't have to write it yourself. This makes it easier and faster for you to build websites.