About the Course

This course is designed for the students of Web Designing. In this course, you will be learning how to create high-quality web pages using Bootstrap-4. Basic knowledge in HTML & CSS is a must to understand the concepts of Bootstrap.

INTRODUCTION TO BOOTSTRAP-4

• Why use Bootstrap
• What’s new in Bootstrap 4
• Environment Setup

TYPOGRAPHY & UTILITIES

• Introduction to Typography
• Headings & Basics of Typography
• Text alignment & display
• Floats & Fixed positions
• Colors & backgrounds
• Margin & padding spaces
• Sizing & Borders
• CSS Breakpoints

CSS COMPONENTS

• Introduction to CSS Components
• Buttons & Button Groups
• Navbars & Navs
• List Groups & Badges
• Forms & Inputs
• Input Groups
• Alerts & Progress Bars
• Tables & Paginations
• Working with Cards
• Media Objects
• Jumbotrons

GRID SYSTEM & FLEXBOX

• Introduction to Grid System
• Grid Alignment
• Flexbox Classes
• Auto Margin, Wrap & Ordering

BASICS OF JAVASCRIPT

• Why Javascript in Bootstrap
• How & Where to use Javascript in Bootstrap

JAVASCRIPT WIDGETS

• Introduction to Javascript Widgets
• Carousel Slider
• Collapse & Accordion 
• Tooltips
• Popovers
• Modals
• Scrollspy & Smooth Scrollings

OTHER BOOTSTRAP WIDGETS

FORM HANDLING

• Basic form validation functions of Javascript
• Building custom functions in Javascript
• Integrating Javascript functions
• Completing the form

PROJECT WORK

• Project-1
• Project-2
• Project-3
• Project-4