Bootstrap Course Contents (3 Days)

Duration: 24 hours – 3 full days

Prerequisite - Participants must have a good understanding of HTML5, CSS3, JAVA SCRIPT, PHP and MYSQL

Course Objectives- You have experience working with Bootstrap, but you want to take it to the next level. This course will offer a deep dive into the configuration techniques you'll need to build a fully functioning Bootstrap site. We'll cover a set of modules that are essential to large-scale sites and cover topics ranging from managing media and content moderation to configuring an advanced search interface.

You'll also learn about concepts like Configuration Management that are key to maintaining a successful Bootstrap site.

Lab Setup Details :

Hardware requirement: 

CPU :   I4/I5 , Hard Disk : 50GB , RAM :8 GB

Software requirement:

• XAMPP  https://www.apachefriends.org/download.html  (DOWNLOAD VERSION 5.6.31)
• MSOFFICE 2010
• NOTEPAD++  https://notepad-plus-plus.org/download/v7.5.1.html (DOWNLOAD VER 7.5.1)
• SUBLIME TEXT3 https://www.sublimetext.com/3
• Visual Studio Code https://code.visualstudio.com/download
• PDF READER https://adobe-reader.en.softonic.com/download
• Browser Google Chrome  OS Window 10

 

Course Outline

Day 1 :
•    Introduction to HTML/HTML5
•    HTML5 and CSS3 Introduction
•    Introduction to HTML5
•    New structural elements
•    Other elements and attributes
•    Implement HTML5 Forms 
•    Introduction to HTML5 forms
•    Accessible forms
•    New input types
•    New form attributes
•    New elements related to forms
•    Form validation API
•    Build your first professional Web Page
• Introduction to Bootstrap
• Creating Layouts with Bootstrap
• Responsive Web design with Bootstrap

Day 2 :
• Bootstrap Grid System
• Bootstrap Grid System - Advanced.
• Bootstrap CSS - Understanding the CSS
• CSS Customization / Skins
• Single Page Responsive site with Bootstrap
• Introduction to LESS and SASS
• Customizing Bootstrap3 with LESS
• Bootstrap Plug-ins
• Bootstrap Layout Components
• Building Websites with Bootstrap

Day 3 :
Bootstrap Plug-ins :
• Transition
• Modal
• Dropdown
• Scrollspy
• Tab
• Tooltip
Single Page Responsive site with Bootstrap
Customizing Bootstrap3 
• Popover
• Alert
• Button
• collapse
• Carousel
• Affix
Building Websites with Bootstrap - Full Case Study

 

Download Course Content || Request For the Training || My KeySkills || Contact Me