HTML5: New Features

Course length: 1 day

Course Description

Course Objective: You will implement new HTML5 features to increase the complexity of layouts and improve the navigation of your web pages, create complex forms, and enhance your pages with interactive elements.

Target Student: This course is intended for people who already know the fundamentals of HTML 4.x; have some experience with XHTML and CSS and in creating basic web pages; and who now want to increase the complexity of their layouts and navigation, create complex forms, and enhance their pages with interactive elements.

Prerequisites: To ensure your success, we recommend that you first take the following ourses or have equivalent knowledge in:
HTML 4.01: Web Authoring, Levels 1, 2, and 3 or Web Design with XHTML, HTML, and CSS: Levels 1, 2, and 3
Introduction to JavaScript.
We also recommend some experience in Ajax.

Course Objectives

Upon successful completion of this course, students will be able to:

• create structured web pages.
• identify and work with form elements and attributes.
• add media elements to your web page.
• work with canvas.
• work with APIs.
• browse your website and make changes offline.

Course Outline

Lesson 1: Creating a Structured Web Page
Topic 1A: Introduction to HTML5
Topic 1B: Create a Theme
Topic 1C: Enhance a Theme

Lesson 2: Working with Form Elements
Topic 2A: Identify Different Input Types in Forms
Topic 2B: Identify New Attributes in Forms
Topic 2C: Identify New Elements in Forms

Lesson 3: Adding Media Elements
Topic 3A: Embed Audio
Topic 3B: Embed Video

Lesson 4: Working with Canvas
Topic 4A: Introduction to Canvas
Topic 4B: Create Paths and Texts in Canvas
Topic 4C: Include Graphics in Canvas

Lesson 5: Working with APIs
Topic 5A: Locate Your Presence Using Geolocation
Topic 5B: Work with Web Workers

Lesson 6: Working Offline
Topic 6A: Work with Web Storage
Topic 6B: Work with Cache Manifest