Bootstrap
====
—–
* Course Id : WEBD-BTSP
* Duration : 16 Hours
Overview
—–
* This course teaches participants how to create responsive web sites with Bootstrap
* After completing this course you would be able to create Bootstrap based websites yourself
Pre-Requisites
—–
* Familiarity with HTML5 and CSS3
* Awareness of responsive websites
Training Objectives
—–
All participants learn:
* How to get started in Bootstrap framework
* How to do mobile-first web design
* Create your Bootstrap portfolio
Course Structure
—–
* We provide more focus on hands-on in our technical courses (typically 80% hands-on/20% theory)
* Students get the capability to apply the material they learn to real-world problems
Materials Provided
—–
* PDF of slides and hands-on exercises
* Access to instance with lab environment
Software Requirements
—–
Any of the following
* Any current internet browser
* vnc client
* rdp client
Hardware Requirements
—–
* Processor: 1.2 GHz
* RAM: 512 MB
* Disk space: 1 GB
* Network Connection with low latency (<250ms) to Internet
## Daywise Course Outline
—–
## Day 1
—–
* Unit 1 : Introduction to Bootstrap
* Unit 2 : Responsive Web Design
* Unit 3 : Bootstrap layout
## Day 2
—–
* Unit 4 : More Bootstrap concepts
* Unit 5 : Forms
* Unit 6 : Layouts
## Detailed Course Outline
—–
Unit 1 : Introduction to Bootstrap
—–
* What is a front-end framework
* Bootstrap intro
* Why Bootstrap
* Getting started with Bootstrap
* Bootstrap elements and components
* Bootstrap Plug-ins
Unit 2 : Responsive Web Design
—–
* Responsive Web Design
* Designing for multiple devices
* Mobile First Responsive Design
* Downloading Bootstrap
* Different ways to add Bootstrap to your page
Unit 3 : Bootstrap layout
—–
* Container
* Bootstrap Grid System
* Multiple grids
* Rows and offsets
* Responsive images, videos, maps
* Bootstrap style vs your style
* Bootstrap themes
Unit 4 : More Bootstrap concepts
—–
* Icons
* Buttons
* Typography
* Navigations
* Tables
* Lists
Unit 5 : Forms
—–
* Forms
* Headers
* Breadcrumbs
* Pagination
* Dropdowns
Unit 6 : Layouts
—–
* Panels
* Wells
* Carousel
* Accordion
* Modal window
* Tab
* Tooltip
* Collapse