Course: 45 Videos
Length: 4 Hours
Price: $49
There’s a reason why Bootstrap is the MOST popular CSS Framework in the world, used by millions of websites all over the world!
The reason…it’s easy!
Bootstrap 4 allows you to build amazing looking websites quickly and easily, sometimes as easy as drag and drop!
HTML and CSS are the fundamental building block of the Internet. Using a front end web framework like Bootstrap can cut your web development time down drastically!
In this course I’ll show you how to use Bootstrap 4.1.1 from start to finish. You don’t need any special skills or knowledge to start building great looking websites in minutes.
We’ll start out learning how to install and start using Bootstrap. Then we’ll learn about all of the Bootstrap Components. After that we’ll learn how to position things on a webpage using the Bootstrap grid system. Then we’ll learn how to use the Bootstrap Utilities.
Finally, we’ll build three websites using free templates that come with bootstrap. The first is a cool photo album website, the second is a simple one page landing page site, and the last one is a cool blog/business website template.
Aimed at the absolute beginner, this course is great for front end developers, back end developers, or even just hobbyists who want to learn to build cool websites!
See you inside!
Course Content…
Module 1 | Bootstrap 4 For Everyone |
Unit 1 | Introduction | Video 1 |
Unit 2 | Website Overview | Video 2 |
Unit 3 | Install Bootstrap via CDN | Video 3 |
Unit 4 | Download Bootstrap | Video 4 |
Unit 5 | Typography | Video 5 |
Unit 6 | Code, Images, and Tables | Video 6 |
Unit 7 | Navbars | Video 7 |
Unit 8 | Alerts | Video 8 |
Unit 9 | Badges | Video 9 |
Unit 10 | Breadcrumbs | Video 10 |
Unit 11 | Buttons | Video 11 |
Unit 12 | Cards | Video 12 |
Unit 13 | Carousel | Video 13 |
Unit 14 | Collapse | Video 14 |
Unit 15 | Dropdowns | Video 15 |
Unit 16 | Forms | Video 16 |
Unit 17 | Input Groups | Video 17 |
Unit 18 | Jumbotrons | Video 18 |
Unit 19 | List Groups | Video 19 |
Unit 20 | Modals | Video 20 |
Unit 21 | Navs | Video 21 |
Unit 22 | Pagination | Video 22 |
Unit 23 | Popovers | Video 23 |
Unit 24 | Progress Bars | Video 24 |
Unit 25 | Tooltips | Video 25 |
Unit 26 | Containers | Video 26 |
Unit 27 | Intro To The Grid System | Video 27 |
Unit 28 | Grid Letter Sizes | Video 28 |
Unit 29 | No Gutters | Video 29 |
Unit 30 | Grid Numbering | Video 30 |
Unit 31 | Responsive Breakpoints | Video 31 |
Unit 32 | Grid Alignment | Video 32 |
Unit 33 | Borders | Video 33 |
Unit 34 | Colors | Video 34 |
Unit 35 | Shadows | Video 35 |
Unit 36 | Text Align | Video 36 |
Unit 37 | Intro To Example Themes | Video 37 |
Unit 38 | Download Example Themes | Video 38 |
Unit 39 | Set Javascript Path | Video 39 |
Unit 40 | Album Example - Adding Images To Cards | Video 40 |
Unit 41 | Album Example - Final Customization | Video 41 |
Unit 42 | Cover Example | Video 42 |
Unit 43 | Carousel Example 1 | Video 43 |
Unit 44 | Carousel Example 2 | Video 44 |
Unit 45 | Carousel Example 3 | Video 45 |