Introduction to HTML5

Page Structure

New HTML5 Structural Tags

Page Simplification

The Problems HTML 4 Addresses

The Problems XHTML Addresses

The New More Flexible Approach of HTML5 – Paving the Cowpaths

New Features of HTML5

The HTML5 Spec(s)

Current State of Browser Support

The section Tag

The article Tag

Outlining

Accessibility

Supported Media Types

The audio Element (Audio Formats, Multiple Sources, Audio Tag Attributes, Getting and Creating Audio Files)

The video Element (Video Tag Attributes, Creating and Converting Video Files)

Accessibility

Scripting Media Elements

Dealing with Non-Supporting Browsers

Modernizer

New Input Types (search, tel, url and email, date/time input types, number, range, min, max, and step attributes, color)

autocomplete

novalidate

datalist

progress and meter

required

placeholder

autofocus

autocomplete

form

pattern

Overview of HTML5 Web Storage

Browser Support

Local Storage

Session Storage

Prefixing your Keys

Web Database Storage

Indexed Database API

Getting Started with Canvas

Drawing Lines (Multiple Sub-Paths, The Path Drawing Process, The fill() Method)

Color and Transparency

Rectangles

Circles and Arcs

Quadratic and Bezier Curves

Images (drawImage() – Basic, drawImage() – Sprites)

Text

Understanding CSS3 Terminology

Adding Rules to a Style Sheet

Adding Selectors

Working with Multiple Declarations

Working with Style Sheets

Embedding a Style Sheet

Importing an External Style Sheet

Importing Multiple Style Sheets

Linking to an External Style Sheet

Managing Style Sheets

Understanding Selectors

Using ID Selectors

Using Class Selectors

Using Grouped Selectors

Using Descendant Selectors

Looking for the Sources of Styles

Resolving Style Conflicts with Specificity

Using the !important Declaration

Understanding Inheritance

Revealing Un-styled Documents

Applying User Style Sheets

Introducing the CSS3 Box Model

Creating Simple Floats

Using Floats for Page Layout

Fixing Column Drop

Clearing Essentials

Containing Floats

Displaying Elements

Adding Foreground Colors

Adding Color to Background Elements

Adding Background Images

Repeating Background Images

Positioning Background Images

Using the Background Shorthand Declaration

Understanding Margins

Adding Borders

Implementing Padding

Using Negative Margins

Collapsing Margins

Styling Tables and Captions

Styling Table Cells

Styling Column Classes

Styling Links in Table Cells

Styling for Specific Mediums

Creating a Print Style Sheet

Hiding Elements for Print

Styling for Print

Applying Complex Styling for Print

Creating a Footer

Working with Text Fragments

Setting Global Styles

Defining Masthead and Navbar Colors

Laying Out the Navbar

Using Columns

Setting Content Styles

Starting the Sidebar

Creating the Sidebar Boxes

Completing the Sidebar

Styling the Table

Creating the Footer

Statements

Variables and data types

Operators (for both numbers and strings)

Conditionals (if-else if-else and switch-case)

Loops (while, do-while, for)

Functions

How forms fit into the JavaScript DOM

Setting focus on a specific field

Blocking a field from being edited

Setting field values based on user input

Basic validation: requiring field values to be filled in

Handling calculations within forms

Using onMouseOver and onMouseOut to detect the presence of the mouse

Using onClick to process clicks on hyperlinks

Having hyperlinks call functions via javascript: URLs

Conditionally navigating the user to a page when they click a link

Dynamically swapping one or more images on a page based on the position of the mouse

Overview of the history and location objects

Building a jump menu

Navigating the user to a specific page based on their input in a form

Pros and cons of having JavaScript open another window

Generating and sizing a new (child) window via JavaScript

Communication between the child window and the parent window

Implementing attractive pop-up help or information windows using JavaScript

The Legacy DOM

The W3C DOM Standard

Traversing the DOM Tree

Manipulating DOM Elements

About Python

Python – Environment Setup

Python Basic Syntax

About Variable

Variable Types

Operator

Arithmetic Operators

Comparison (Relational) Operators

Assignment Operators

Logical Operators

Bitwise Operators

Membership Operators

Identity Operators

Statement Overview

If Statements

If…Else Statements

Nested If Statements

While Loop

For Loop

Nested Loops

Break Statement

Continue Statement

Pass Statement

Different Numerical Types

Number Type Conversion

Mathematical Functions

Random Number Functions

Trigonometric Functions

Mathematical Constants

Accessing Values in Strings

Updating Strings

String Special Operators

String Formatting Operator

Accessing Values in Lists

Updating Lists

Delete List Elements

Basic List Operations

Built-in List Functions and Methods

Python Tuples

Accessing Values in Tuples

Updating Tuples

Delete Tuple Elements

Basic Tuples Operations

Built-in Tuple Functions

Python Dictionary

Accessing Values in Dictionary

Updating Dictionary

Delete Dictionary Elements

Properties of Dictionary Keys

Built-in Dictionary Functions and Methods

What is Tick?

What is TimeTuple?

Getting current time

Getting formatted time

Getting calendar for a month

The time Module

The calendar Module

About Functions

Functions Syntax

Calling a Function

Pass by Reference

Pass by Value

Function Arguments

Required Arguments

Keyword Arguments

Default Arguments

Variable-length Arguments

The Anonymous Functions

The return Statement

Scope of Variables

Global vs. Local variables

Overview of OOP Terminology

Creating Classes

Creating Instance Objects

Accessing Attributes

Built-In Class Attributes

Destroying Objects (Garbage Collection)

Class Inheritance

Overriding Methods

Base Overloading Methods

Overloading Operators

Data Hiding

Django – Framework Basic

MVC Pattern

Install Django

Create a Project

The Project Structure

Setting Up Your Project

Django – Admin Interface

Starting the Admin Interface

Creating Views

URL Mapping

Organizing Your URLs

Sending Parameters to Views

Django – Template

Django – Model

Django – E-mails

Django – Form

Django – File and Apache Setup

Django – Cookies, Sessions

Django – Caching

Django – Comments, RSS, Ajax

The basic database design concept

Database relationship

Database Model Description

Database Normalization

Session

Cooke

PayPal Standard

Authorize.net

HTTP Request and Response Fundamentals

The XMLHttpRequest Object

XMLHttpRequest Methods

XMLHttpRequest Properties

Cross-Browser Usage

Sending a Request to the Server

Basic Ajax Example

Bringing in the Ajax: GET vs. POST

Passing Values

Client-Driven Communication, Server-Side Processing

Basic Examples

Expanding and Contracting Content

Auto-Complete

Form Validation

Tool Tips

About jQuery

How jQuery Works

jQuery: The Basics

Launching Code and Complete Examples

Using selectors and events

Selectors

Basics & Hierarchy

Basic, Content, Visibility, Attribute & Child Filters

Forms & Form Filters

Home – Text Box

Calendar – Add Event

Calendar – Add the most important things

Calendar – Follow-up

Calendar – Week view

Email

Customers – View customers

Customers – View contacts

Customers – Add new

Customers – Import Customers

Customers – Tell a friend

My Account – My profile

My Account – Change Password

My Account – Cancel Membership

My Account – Submit testimonials

My Account – Submit suggestions

My Account – Submit tips

My Account – Tell a friend

My Account – Download Brochure

Inventory – My Inventory

Inventory – My Inventory: Personal Product

Invoices – View Invoices

Invoices – Create Invoice

Expenses – Expenses

Expenses – Income

Expenses – Add Income