Training Calendar

Mon Tue Wed Thu Fri Sat Sun
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

psmb

Total Visitors

46.6%United States United States
24.4%China China
17.7%Canada Canada
4.4%Malaysia Malaysia
2.2%Russian Federation Russian Federation
2.2%France France
2.2%United Kingdom United Kingdom

This Week: 1
Last Week: 3
This Month: 9
Last Month: 26
Total: 50073

Bootstrap

 

Course Overview

In this Bootstrap training class, you will discover how to design killer interfaces and responsive websites with the Bootstrap framework. You will get started building pages with Bootstrap's HTML/CSS-based tools and design templates. You will also learn how to extend apps with interactive features, using its suite of jQuery plugins, often without writing a single line of code.

 

 

Objectives

  • Become familiar with Bootstrap's file structure, grid systems, and container   layouts.
  • Learn Html elements for typography, code, tables, forms, buttons, images, and icons.
  • Design interfaces and other web elements, such as navigation, breadcrumbs, and custom modal windows.
  • Use jQuery plugins for features such as revolving slideshows, tab-able interfaces, and drop-down menus.
  • Modify everything from column count to typography colors with the Less stylesheet language.

 

Bootsrap - Schedule

Day 1

09.00am – 10.00am

Lesson 1 – Bootstrap Scaffolding

  • What is Bootstrap
  • Bootstrap File Structure
10.00am – 10.30am

Breakfast

10.30am – 12.45pm

  • Basic HTML Templete
  • Global Styles
  • Default Grid System
  • Fluid Grid System

12.45pm – 02.15pm

Lunch

02.15pm – 05.00pm

Lesson 2 – Bootstrap CSS (Typography)

  • Code
  • Tables
  • Forms
  • Buttons
  • Images
  • Icons

Day 2

09.00am – 10.00am

Lesson 3 – Bootstrap Layout Components (Dropdown Menus)

  • Button Groups
  • Buttons with Dropdowns

10.00am – 10.30am

Breakfast

10.30am – 12.45pm

  • Navigation Element
  • Navbar
  • Breadcrumbs
  • Pagination
  • Label

12.45pm – 02.15pm

Lunch

02.15pm – 05.00pm

  • Badges
  • Typographic Elements
  • Thumbnails
  • Alerts
  • Progress Bars
  • Media Object

                                                                        Day 3

09.00am – 10.00am

Lesson 4 – Bootstrap JavaScript Plugins

  • Transitions
  • Modal
  • Dropdown
  • Scrollspy

10.00am – 10.30am

Breakfast

10.30am – 12.45pm

  • Toggleable Tabs
  • Tooltips
  • Popover
  • Alerts
  • Button
  • Collapse
  • Carousel
  • Typeahead
  • Affix

12.45pm – 02.15pm

Lunch

02.15pm – 05.00pm

Lesson 5 – Using Bootstrap (GitHub Project)

  • Customizing Bootstrap
  • Build with Bootstrap