HTML5:

Advanced

Topic-Level Outline

Days: 1

Prerequisites: HTML5: Basic

Unit 1 : Authoring guidelines

Topic A: 0 Planning a Web site

A-1: Discussing basic planning and design considerations

Topic B: 0 HTML5 authoring

B-1: Setting up a basic HTML5 document

B-2: Adding comments to markup and styles

B-3: Ensuring basic HTML5 support in outdated browsers

Topic C: 0 Content organization and structure

C-1: Discussing document outlines

C-2: Structuring a document with semantic elements

Topic D: 0 Basic SEO

D-1: Optimizing page titles and descriptions for SERPs

Unit 2 : HTML5 forms

Topic A: 0 Interactive forms

A-1: Creating a form and applying labels

A-2: Creating email fields, checkboxes, and radio buttons

A-3: Setting input field size and limiting data length

A-4: Creating a password field

A-5: Controlling autofocus and autocomplete

A-6: Creating a text area field and placeholder text

A-7: Creating a select list

A-8: Defining option groups for a select list

A-9: Creating a data list and checking spelling

Topic B: 0 Data validation and error feedback

B-1: Creating required input fields

B-2: Requiring numeric data with limits

B-3: Validating input for a specific date format

Topic C: 0 Form structure and styles

C-1: Creating fieldsets and legends

C-2: Formatting fieldsets and legends

Topic D: 0 Form design considerations

D-1: Identifying best practices in form design

Unit 3 : Audio and video

Topic A: 0 Embedding native audio

A-1: Applying native audio and enabling user controls

A-2: Setting audio attributes

Topic B: 0 Embedding native video

B-1: Applying native video and setting properties

B-2: Controlling data preload and creating a poster image

B-3: Embedding a video hosted on YouTube

Unit 4 : CSS techniques

Topic A: 0 Styles that improve efficiency

A-1: Applying styles based on parent-child structure

A-2: Applying styles based on location and type

A-3: Alternating table row colors

A-4: Exploring style sheet efficiencies

Topic B: 0 Fonts in the cloud

B-1: Applying Google Web Fonts to your site

B-2: Applying shadow effects

Topic C: 0 Generated content

C-1: Generating content from a style sheet

C-2: Applying images as CSS content

Unit 5 : Local storage and site testing

Topic A: 0 Editable content and local storage

A-1: Creating an editable content section

A-2: Saving user data in local storage

A-3: Rotating an element

Topic B: 0 Site testing basics

B-1: Discussing site testing and feedback