Getting Started

• Introduction to The Course
• Projects Overview
• What is Bootstrap?
• How to Use Bootstrap
• Basic Environment Setup
• Bootstrap Sandbox Setup

Bootstrap Fundamentals - Part 1

• Containers
• Typography
• Display & Position
• Background & Text Colors
• Spacing
• Sizing, Borders & Shadows
• Breakpoints
• Buttons
• Navbar
• Dark Mode & Variables

Bootstrap Fundamentals - Part 2

• Bootstrap Grid & Columns
• Flexbox Classes
• Cards
• List Groups & Badges
• Forms & Input
• Form Validation & Display
• Alerts & Progress Bars
• Tables
• Breadcrumbs & Pagination
• Other CSS Utilities

Dynamic JavaScript Components

• Dropdowns
• Accordions & Collapse
• Carousel
• Toast Notification
• Spinners
• Modals
• Popovers & Tooltips
• Dark mode Toggle

Mini-Project Challenges

• Intro & Mini-Project Starter
• Pricing Cards
• Ratings Component
• User List

Custom Sass Workflow & Starter Template

• What is Sass?
• Install & Setup Sass
• Install, Setup & Customize Bootstrap
• Install & Setup Font Awesome

Website 1 - eBook Website

• Project Intro
• Project Setup
• Navigation & Sass Variables
• Header/Hero Section
• Icon Section
• Navbar Scroll Effect
• Details Sections With Modals
• Testimonials, Download Section & Footer
• Contact Page
• Deploy To Vercel
• Formspree For Contact Forms

Website 2 - Corso Training Website

• Project Intro
• Project Setup
• Nav & Header
• Image Carousel
• Register Area, Nav Scroll & Details
• Points & Summary Sections
• Invitation & Takeaways
• Subscribe & Footer

Website 3 - Portfolio Website

• Project Intro
• Project Setup
• Header With Overlay
• Typing Effect JavaScript
• About & Skills Sections
• Projects & Lightbox
• StyleShout & Services
• Stats & Forms
• Deploy To Netlify

Website 4 - Yavin Office Design

• Project Intro
• Project Setup
• Navigation & Header
• Stats & JavaScript Increment
• Intro, Details & Services
• 3 Middle Sections
• Projects & Testimonials
• Contact Form & Footer
• Back To Top Button
• Inner Article Page

Website 5 - Vera Software Solutions

• Project Intro
• Project Setup
• Header & Rotating Text Script
• Partners & Form
• Nav Scroll & Solutions
• Details & Expertise
• Video Section & Animated Button
• Video Modal
• Pricing & Project Sections
• Project Modals
• Newsletter Section & Footer
• Privacy Page

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