Content

MODULE 1 - Introduction to HTML5

HTML Basics

• What is HTML?
• Relevant History of HTML
• Anatomy of an HTML Tag
• Basic HTML Document Structure
• HTML Content Models

Essential HTML5 Tags

• Heading Elements (and some HTML5 semantic comments)
• Lists 
• HTML Character Entity References
• Creating Links
• Displaying Images

MODULE 2 - Introduction to CSS3

Cascading Style Sheets Basics

• Power of CSS
• Anatomy of a CSS Rule
• Element, Class, and ID Selectors
• Combining Selectors
• Pseudo-Class Selectors

CSS Rules Conflict Resolution and Text Styling

• Style Placement
• Conflict Resolution
• Styling Text

The Box Model and Layout

• The Box Model
• The Background Property
• Positioning Elements by Floating
• Relative and Absolute Element Positioning

Introduction to Responsive Design

• Media Queries
• Responsive Design

Introduction to Twitter Bootstrap

• Introduction to Twitter Bootstrap
• The Bootstrap Grid System

MODULE 3 - Coding the Static Restaurant Site

Visit with the Client & Setup Overview

• Visit with the Client (Field Trip)
• Design Overview
• Some Ground Rules and Overview of Setup

Coding the Navigation Bar of the Site

• Coding Basics of Navbar Header
• Coding Button for Future Collapsible Menu
• Coding Nav Menu Buttons
• Fixing Navbar Layout, Text, and Dropdown Menus

Coding the Homepage and the Footer

• Coding the Jumbotron
• Coding Navigation Tiles
• Coding the Footer

Coding the Restaurant Menu Pages

• Coding the Menu Categories
• Coding the Single Menu Categories
• Testing the Mobile Version on a Real Phone

MODULE 4 - Introduction to Javascript

Javascript Basics

• Adjusting Development Environment for Javascript  Development
• Where to Place Javascript Code
• Defining Variables, Function, and Scope

Javascript Types and Common Language Constructs

• Javascript Types
• Common Language Constructs
• Handling Default Values

Objects and Functions in Javascript

• Creating Objects Using 'new Object ()' Syntax
• Creating Objects Using Object Literal Syntax
• Functions Explained
• Passing Variables by Value vs. by Reference
• Function Constructors, prototype, and the 'this' Keyword
• Object Literals and the 'this' Keyword

Arrays, Closures, and Namespaces

• Arrays
• Closures
• Fake Namespaces
• Immediately Invoked Function Expressions (IIFEs)

MODULE 5 - Javascript Web Applications

Document Object Model Manipulation

• DOM Manipulation
• Handling Events
• The 'event' Argument

Introduction to Ajax

• HTTP Basics
• Ajax Basics
• Processing JSON

Using Ajax to Connect Restaurant Site with Real Data

• Fixing Mobile Nav Menu Automatic Collapse
• Dynamically Loading Home View Content
• Dynamically Loading Menu Categories View
• Dynamically Loading Single Menu Categories View
• Changing 'active' Button Style Through Javascript