Course Details close

Course Details

(inc GST)
$ 990
Level:5 Essentials
Duration:2 days
Level 3
321 Pitt St
Sydney NSW 2000
Participants:Max 10
Length:9:00 to 16:30
Break Times:
10:30 (15mins)
12:30 (1hr)
14:45 (15mins)
Course Dates: View
Course Outline: View

HTML5 Essentials Course

   (4.76 out of 5)
260 Html 5 essentials student evaluations
Location: Level 2
80 Mount St
North Sydney
NSW 2060
Break Times:
10:30 (15mins)
12:30 (1hr)
14:45 (15mins)
Duration: 2 days Participants: Max 10
Course Length: 9:00 to 16:30 Price:
(inc GST)
$ 990
Sale Price:
(inc GST)

Quick links

HTML5 Essentials 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 Inclusions

FREE Course Re-sit

8 months

When you book a public course at Raisng the Bar we offer you a FREE course re-sit for up to 8 months from the scheduled course date.

FREE Email Support

12 months

Free email support for up to 12 months from the scheduled course date.

Small Class Sizes

10 students

All of our courses are capped at a maximum of 10 students to maximise your learning experience.

Classroom Training

All of our courses are face to face, hands on, classroom based training delievered by .

Course Manual

With each course we provide you with a comprehensive course manual for you to practice post course.

Computer Lab

No need to bring your own laptop. Our training courses are conducted in fully equipped computer labs with free Wi-Fi.

Course Certificate

Every student receives a certificate of completion at the end of course to recognise your new skills.

Public 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.

Virtual Course Dates (via Zoom)

Course Date Price Add Course Qty Status

There are currently no virtual course dates scheduled for this course.

Call us today to discuss - 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
Raising the Bar
Warning Icon Information Icon

1300 937 782 Contact us