Bootstrap 4 Online Course
Bootstrap 4 Online 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?
