ProfBurnett.com

TI 188 Bootstrap 3 & Mobile Web Design - Overview

Course Outline:

Build professional quality, responsively designed mobile web sites using Bootstrap 3. Apply Bootstrap 3s mobile-first HTML/CSS3/JavaScript frameworks to design a single site for all devices—scaling up your web display from handhelds to tablets and desktops. You will also learn how to use Bootstraps powerful four-tier grid system to design specific layouts for phones, tablets, desktops, and large desktops. Learn how to apply and modify responsive design techniques and styles. Topics include designing and customizing layouts, sub-pages, product pages, portfolio and "about" pages, themes, colors, buttons, navbars, panels, list groups, and tabs.

Prerequisites:


HTML5 Desktop and Mobile—Level II, or equivalent experience. Knowledge of basic CSS recommended.

Required Textbook & Materials

  • Title:   STEP BY STEP BOOTSTRAP 3: A QUICK GUIDE
  • Author:   MEGOSINARSO
  • ISBN:   9781499655629
  • Edition/Copyright:   0
  • Publisher:   NACSCORP
  • Published Date:   2014

Materials:


Please bring a Flash Drive/Memory Stick 512MB or larger to class which will enable you to save your class work.

Meeting Information:

Days:   Tuesday, Thursday & Saturday (4/04/2014 Only)
Dates:   03/31/15 - 04/09/15
Number of Sessions:   5
Time:   Tuseday & Thurday - 06:30 PM - 09:30 PM
Time:   Saturday - 09:30 AM - 12:30 PM
Location:   Rockville HU 321

Lesson Plan:

Session 1 - Tuesday, March 31, 2015

  • •  Course Overview Presentation
  • •  Chapter 1 - Introduction
  • •  Chapter 2 - Getting Started
  • •  Using LESS
  • •  Using SASS
  •   
  • Grid System
  • •  Chapter 3 - Container & Container-Fluid
  • •  Chapter 7 - Multi-Column Layout

Session 2 - Thursday, April 2, 2015

  • Typography
  • •  Chapter 8 - Working with Navigation
  • •  Chapter 4 - Jumbotron

Session 3 - Saturday, April 4, 2015

  • Forms
  • •  Chapter 9 - Forms
  • •  Bootstrap Tables
  •   
  • Buttons, Images, & Icons
  • •  Chapter 11 - Working with Images
  • •  Chapter 5 - Buttons

Session 4 - Tuseday, April 7, 2015

  • Bootstrap JS Part I
  • •  Chapter 10 - Modal
  • •  Chapter 13 - Carousel
  • •  Chapter 14 - Affix
  • •  Chapter 15 - ScrollSpy
  • •  Tooltips

Session 5 - Thursday, April 9, 2015

  • Bootstrap JS Part II
  • •  Togglable Tabs
  • •  Popovers
  • •  Alert messages
  • •  Buttons
  • •  Collapse

Web Support: