Course Details close

Course Details

Price:
(inc GST)
$ 990
Application:HTML
Level:5 Essentials
Version:All-Versions
Duration:2 days
Location:
Level 2
80 Mount St
North Sydney
NSW 2060
Participants:Max 10
Length:9:00 to 16:30
Break Times:
(approx)
10:30 (15mins)
12:30 (1hr)
14:45 (15mins)
Course Dates: View
Course Outline: View

HTML5 Essentials Training Course

   (4.76 out of 5)
258 Html 5 essentials student evaluations
HTML5 Essentials Training Course

Course Overview

HTML5 is the latest evolution of the HTML standard. This represents a new version of HTML, with new elements, attributes and behaviors incorporating a larger set of technologies that allows more diverse and powerful web site and application construction. Students wanting to attend this course will already be familiar with HTML, CSS and and conversant with javascript.

Course Prerequisites

Students should have completed the HTML Essentials training course or have equivalent experience. Although it's not a requirement it is strongly recommended that participants have CSS and JavaScript experience prior to attending the HTML5 course.

Course Dates

Course Date Price Add Course Qty Status

There are currently no public dates scheduled for this course.

If you have 3 or more people interested in this course, call us today to discuss group training - 1300 937 782.

Course Outline

HTML5 Introduction

  • HTML5 Explained
  • HTML5's 3 Key Principles
  • Discover HTML5 Markup
  • HTML5 Doctype
  • Character Encoding
  • HTML5 Syntax
  • Validation
  • HTML5 Element Family
  • New & Removed Elements
  • Adjusted Elements
  • Standardised Elements
  • Use HTML5 in Web Development Today
  • Browser Support for HTML5

The HTML5 Way to Structure Pages

  • Semantic Elements Basics
  • Adjust a Traditional HTML Page
  • Old Page Structuring in HTML
  • Structure a Page with HTML5
  • Subtitles with (hgroup)
  • Add Figures with (figure)
  • Add Sidebars with (aside)
  • Browser Compatibility for Semantic Elements
  • Design a Site using Semantic Elements
  • HTML5 Outlining System
  • Viewing an Outline
  • Basic HTML5 Outlines
  • Sectioning HTML5 Elements

Meaningful Markup in HTML5

  • Revisiting the Semantic Elements
  • Dates and Times
  • Highlighting Text using the Mark Tag
  • New Standards to Boost Semantics
  • Accessible Rich Internet Applications (ARIA) in HTML5
  • Resource Description Framework (RDFa) in HTML5
  • Microformats in HTML5
  • Microdate
  • Google Rich Snippets and HTML5

Refined Web Forms

  • Understanding HTML5 Forms
  • Traditional HTML Forms Reworked
  • Add Hints with Placeholders
  • Setting Focus (Set Cursor Location)
  • Understanding and Validating Form Errors
  • Turning Off Form Validation
  • Validation Styling Hooks
  • Validating Controls Using Regular Expressions
  • Customising Validation
  • Form Validation Browser Support
  • HTML5 Input Types
  • Suggested Inputs Using a Datalist
  • Command and Menu in HTML5

Video and Audio in HTML5

  • Understanding Video in Browsers Today
  • Introducing HTML5 Video and Audio
  • Media Formats Explained
  • Using JavaScript to Control Your Player
  • Adding Sound Effects
  • Create a Custom Video Player
  • Captions and Accessibility

Drawings using a Canvas

  • Canvas Basics
  • Drawing Straight Lines
  • Working with Paths and Shapes
  • Adding Curved Lines
  • Transforming a Drawing
  • Drawing Transparency
  • Creating a Basic Paint Program
  • Drawing Preparation
  • Drawing on the Canvas
  • Saving the Canvas Drawing as a Picture
  • Canvas Browser Compatibility
  • Polyfilling the canvas

More on Canvas

  • Drawing Images
  • Editing and Resizing an Image
  • Drawing Text
  • Fancy Fills and Drop Shadows
  • Interactive Shapes
  • Animating a Canvas

Enhancing Styles with CSS3

  • CSS3 Today
  • Working with Web Typography
  • Different Web Font Formats
  • The Font Kit
  • Google Web Fonts
  • Using your Own Fonts
  • Multiple Columns of Text
  • Adapting to Different Devices
  • Building Better Boxes
  • Special Effects using CSS3 Transitions

Data Storage

  • Introduction to Web Storage
  • Storing Data
  • Remove Items
  • Finding Stored Items
  • Storing Numbers
  • Storing Text
  • Storing Objects
  • Reacting to Data Changes
  • Reading Text Files
  • Replacing the Normal Upload Control
  • Reading Multiple Files
  • Reading Image Files

Offline Applications

  • Caching Manifest Files
  • Create a Manifest
  • Use your Manifest
  • Updating Manifest Files
  • Practical Manifest Caching Techniques

Web Server Communication

  • Sending Messages to a Web Server
  • Server-Sent Events
  • Web Sockets

Applying JavaScript

  • Geolocation
  • Web Workers
  • History Management using JavaScript

Need Assistance

    • Send Email
Message Box Title
Warning Icon Information Icon

OK
1300 937 782 Contact us