Introduction

• Course Introduction
  
• Whom is This Course for?
• What You Need to Succeed This Course
• Advantages and Disadvantages
• What This Course Will Cover?
• Hypertext Markup Language (HTML) Review
• Cascaded Style Sheets (CSS) Review

Bootstrap 101

• Framework vs Library
• Introduction to Bootstrap
• Getting Started

Syntactically Awesome Style Sheets (Sass) Introduction

• Gulp Introduction
• Installing Syntactically Awesome Style Sheets (Sass) on Windows
• Installing Node.js and NPM
• Starting out with Gulp and Syntactically Awesome Style Sheets (Sass)
• Testing with BrowserSync
• Syntactically Awesome Style Sheets (Sass) Project Structure
• Variables and Nesting
• Block Element Modifier (BEM)
• Extends, Mixins, and Includes
• Functions and Operators
• LAB1 Problem
• LAB1 Solution
• LAB2 Problem
• LAB2 Solution

Grid and Flexbox

• Flexbox
• Installing with NPM
• Adding Custom Bootstrap to Project
• Container and Breakpoints
• Grid Options
• Equal Width Columns
• Gutters and Alignment
• What to Avoid in Bootstrap Grid?
• Nesting and Syntactically Awesome Style Sheets (Sass)
• Lab Problem
• Lab Solution

Typography

• Typography
• Responsive Font Sizes (RFS)
• Responsive Font Sizes (RFS) in Action
• Vertical Rhythm Updated

Code, Images, and Figures

• Code
• Images and Figures
• Table Syntax
• Bootstrap Tables
• Bootstrap Responsive Tables
• None Bootstrap Responsive Tables
• Lab Problem
• Lab Solution

Components 1 - Alerts, Badges, Breadcrumbs, and Toasts

• Node Modules
• Building JavaScript
• Util.js
• Alerts
• Bootstrap Colors
• Close Alerts
• JavaScript Alerts
• Badges
• Breadcrumb
• Lab Problem
• Lab Solution

Components 2 - Buttons, Button Groups, and Pagination

• Buttons
• Overriding Bootstrap
• Button State
• Button Group
• Pagination

Components 3 - Cards

• Card
• Media Object
• List Group
• Lab Problem
• Lab Solution

Components 4 - Carousel, Collapse, and Dropdown

• Carousel
• Carousel JavaScript
• Collapse
• Dropdown
• Dropdown JavaScript
• Jumbotron
• Lab Problem
• Lab Solution

Components 5 - Forms, Input Groups, Navs, and Navbar

• Forms layout
• Forms Validation and Custom Forms
• Forms Testing Component
• Input Groups
• Navs
• Navbar
• Navbar Color Schemes
• Nav Tabs and List Group Tabs
• Lab Problem
• Lab Solution

Components 6 - Modal, Progress, Scrollspy, and Spinners

• Modal
• Modal JavaScript
• Progress Bars
• Scrollspy
• Spinners
• Lab Problem
• Lab Solution

Components 7 - Popovers, Toasts, and Tooltips

• Tooltip
• Popovers
• Toasts
• Bootstrap Cheat Sheet

Accessibility

• Introduction to Accessibility
• Accessibility Options

Utilities

• Utilities - Borders, Clearfix, Close Icon, Colors, Display, and Embed
• Utilities - Flex, Floats, Overflow, Position, and Screen Readers
• Utilities - Shadow, Sizing, Spacing, Stretched Link, Text, Vertical Align, and Visibility
• Theming

Project 1

• Single Product Page Intro
• Markup Overview
• Decreasing Size-of Cascading Style Sheets (CSS) and JavaScript

Project 2

• Blog Intro
• Blog Code Walkthrough
• Blog Adding Contact Page

Project 3

• Stock Image Website Intro
• Stock Image Website Code Overview

Project 4

• Image Gallery Intro
• Image Gallery Header Live Code
• Image Gallery in a Grid Column Layout

Project 5

• Introduction to Landing Page
• Code Overview

Project 6

• Introduction to Admin Dashboard
• Admin Dashboard Layout Overview

Project 7

• Portfolio Header
• Banner and Icons
• Portfolio Markup and Styles
• Portfolio Modal and JavaScript
• Form

Project 8

• Resume Website Intro
• Resume Website Code Review

Project 9

• Introduction to Coming Soon
• Coming Soon Page HTML Markup
• Coming Soon Styling – Part 1
• Coming Soon Styling – Part 2
• Coming Soon Slider

Project 10

• Introduction to Slicing
• Header Section
• Service Section
• Pricing Table and Testimonials Sections
• Contact us Section
• Footer

Apply for certification

https://www.vskills.in/certification/web-development/bootstrap-certification