Bootstrap 4 From Scratch With 5 Projects

Bootstrap 4 From Scratch With 5 Projects

image description

Course Description

This course will literally take you from knowing nothing about Bootstrap 3 or 4 to learning all of the utilities, components, widgets and grids and building real world themes and websites. You do NOT need to know Bootstrap 3 for this course. Even if you already know Bootstrap 4, skip the learning sections and head right for section 6 to create the simple boiler theme and start the projects. Everything is completely modular! Custom Bootstrap Sandbox I have created a completely custom HTML learning environment for the first few sections of this course. Each lecture has an html page associated with it and has a start state. As we move along through the lectures, you code along with me learning all that Bootstrap 4 offers including helpers/utilities, components, widgets, flexbox and more. 5 Real Projects/Themes We will create 5 real world themes including. These projects are completely open source and you are free to use them anywhere. LoopLap - A social UI Theme Mizuxe - A

Book/Product Showcase Theme (Sass Project) Blogen - A blog admin area UI Glozzom - A multi page theme with a carousel and some 3rd party scripts Portfoligrid - A portfolio theme using the grid, flexbox and the collapse widget Who is the target audience? Anyone that wants to learn & master Bootstrap 4.1.x and build real world themes

What you will learn

Learn and create amazing high quality Bootstrap 4 themes and UIs from scratch Learn the Bootstrap 4 utilities, classes, components & JS widgets using a custom sandbox environment Learn semantic HTML5 & modern CSS3 techniques Learn to compile Sass in the easiest way possible using a GUI


Section 1: Intro & Getting Started

Section 2: Typography & Utilities

Section 3: CSS Components

Section 4: Grid System & Flexbox

Section 5: JavaScript Widgets

Section 6: Simple Theme Boiler Plate Setup

Section 7: Project 1 - LoopLab Social Theme

Section 8: Project 2 - Mizuxe Book Theme

Section 9: Project 3 - Glozzom Multi Page Theme

Section 10: Project 4 - Blogen Admin UI

Section 11: Project 5 - Portfoligrid