Bootstrap 4 Online Course

About the course

In this course, you will learn how Bootstrap 4 helps alleviate the pain by defining sophisticated and refined user inputs and web components ready for your use. You can learn how to quickly get your projects up to speed with the world’s most popular front-end framework.

This course will introduce developers to Bootstrap and Bootstrap 4. You will be provided an essential walk-through about how to get started building dynamic website interfaces with new features available in Bootstrap and SASS. Throughout the course, you will be building an application called Neighborhood, which enables others to discover local businesses in a location. In building this application, you will use SASS to write all of your stylings, organizing your website into mobile responsive grids, and writing advanced components using the Cards feature. This video course will end by enabling you to publish your applications online and delve deep into the best practices for dealing with your web designs.


Course Curriculum

Introduction and Setup

  • The Course Overview
  • Bootstrap 4 New Features
  • Setup and Tools

SaSS Crash Course

  • Limitations of CSS
  • Setting Up Your First SaSS Project
  • Variables and Nesting
  • Mixins, Extends, and Partials

Introduction to Bootstrap 4 with SaSS

  • Setting Up Bootstrap with SaSS
  • Adding an Example Starter Page
  • Creating Our First Bootstrap
  • Adding Personality with Overrides

The Grid System

  • Grids – A Conceptual Overview
  • Using the Grid Layout
  • Adding Nested Grids and Complex Layouts
  • Going Mobile with the Bootstrap Grid

Forms and Tables

  • Bootstrap Forms
  • Creating Our Sign-In Page
  • Bootstrap and Tables
  • Creating Our Pricing Page

Bootstrap 4 JS Components

  • Modals
  • Popovers and Tooltips
  • Carousels
  • Dropdowns

The Final Steps

  • Publishing Your Page
  • Bootstrap Best Practices
  • Where to Go from Here?

Tags: Bootstrap 4 Online Course