• Search
  • Cart
  • Courses

HTML5 Essentials

(4.70 out of 5) 88 Student Reviews

About the Course

During this 2-day course, participants will learn how to apply HTML5 to realise its benefits in today’s web browsers. To work and create websites and applications in HTML5, web designers and developers will need to know first how that structure is constructed. Our HTML5 training course teaches you how to create strong foundations which will help you to later apply the rest of the components to take full advantage of these new possibilities.

Who should do this course?

This HTML5 course is for web designers who want to apply HTML5 semantics and structure that make their websites become richer and more accessible, as well as, using native multimedia for video and audio and building intelligent web forms.

Prerequisites

Participants should have completed our introductory courses in HTML or have equivalent skills prior to attending this course. Whilst it is not a pre-requisite; to get the best out of this course it is strongly recommended that participants also attend our introductory CSS and JavaScript course or have equivalent CSS and JavaScript knowledge prior to attending the HTML5 course.

Quick Facts

$ 990 incl GST

Duration: 2 Days

Max. Class Size: 10

Avg. Class Size: 5

Level: Advanced

Times: 9.00am - 5.00pm approx

Course Dates

10-11 Jul 17Mon - Tue

23-24 Aug 17Wed - Thu

11-12 Oct 17Wed - Thu

23-24 Nov 17Thu - Fri

09-10 Jan 18Tue - Wed

More Dates

Address

Level 11,
32 Walker Street,
North Sydney , NSW 2060

View map

Click Here external link for Google Map

03-04 Jul 17Mon - Tue

14-15 Aug 17Mon - Tue

25-26 Sep 17Mon - Tue

16-17 Nov 17Thu - Fri

21-22 Dec 17Thu - Fri

Address

Level 12
379 Collins Street,
Melbourne , VIC 3000

View map

Click Here external link for Google Map

17-18 Jul 17Mon - Tue

16-17 Oct 17Mon - Tue

08-09 Nov 17Wed - Thu

03-04 Jan 18Wed - Thu

26-27 Feb 18Mon - Tue

Address

C/O Support Technology
Level 6, 371 Queen Street,
Brisbane , QLD 4000

View map

Click Here external link for Google Map

17-18 Jul 17Mon - Tue

12-13 Oct 17Thu - Fri

15-16 Jan 18Mon - Tue

12-13 Apr 18Thu - Fri

03-04 Jul 18Tue - Wed

Address

C/O Atlas Business Services
Level 1, 33 Ainslie Place,
Canberra , ACT 2601

View map

Click Here external link for Google Map

Upon demand

This course is currently upon demand in Adelaide

Address

C/O The International Visualisation Centre (IVC)
19 Young Street,
Adelaide , SA 5000

View map

Click Here external link for Google Map

Upon demand

This course is currently upon demand in Perth

Address

C/O Saxons Training Facilities
Level 1, 140 St Georges Terrace,
Perth , WA 6000

View map

Click Here external link for Google Map

Please Join the waiting list and We'll notify you when a new class is scheduled or if a place becomes available.

Course Units

Expand full topic list

Unit 1: Introducing HTML5

See topics

  • What is HTML5
  • Three Key Principles of HTML5
  • Your First Look at HTML5 Markup
  • The HTML5 Doctype
  • Character Encoding
  • A Closer Look at HTML5 Syntax
  • HTML5 Validation
  • HTML5’s Element Family
  • Added Elements
  • Removed Elements
  • Tweaked Elements
  • Standardised Elements
  • Using HTML5 Today
  • Evaluating Browser Support

Unit 2: A New Way to Structure Pages

See topics

  • Introducing the Semantic Elements
  • Retrofitting a Traditional HTML Page
  • Page Structure the Old Way
  • Page Structure with HTML5
  • Subtitles with (hgroup)
  • Adding a Figure with (figure)
  • Adding a Sidebar with (aside)
  • Browser Compatibility for the Semantic Elements
  • Designing a Site with the Semantic Elements
  • The HTML5 Outlining System
  • How to view an Outline
  • Basic Outlines
  • Sectioning Elements

Unit 3: Meaningful Markup

See topics

  • The Semantic Elements Revisited
  • Dates and Times with (time)
  • Highlighted Text with (mark)
  • Other Standards that Boost Semantics
  • ARIA (Accessible Rich Internet Applications)
  • RDFa (Resource Description Framework)
  • Microformats
  • Microdate
  • Google Rich Snippets

Unit 4: Web Forms, Refined

See topics

  • Understanding Forms
  • Revamping a Traditional HTML Form
  • Adding Hints with Placeholders
  • Focus: Starting in the Right Spot
  • Validation: Stopping Errors
  • Understanding HTML5 Validation
  • Turning Validation Off
  • Validation Styling Hooks
  • Validating with Regular Expression
  • Custom Validation
  • Browser Support for Validation
  • Understanding different Types of Input
  • Input Suggestion with (datalist)
  • Toolbars and Menus with (command) and (menu)

Unit 5: Audio and Video

See topics

  • Understanding Video Today
  • Introducing HTML5 Audio and Video
  • Understanding Media Formats
  • Controlling Your Player with JavaScript
  • Adding Sound Effects
  • Creating a Custom Video Player
  • Captions and Accessibility

Unit 6: Basic Drawing with the Canvas

See topics

  • Getting Started with the Canvas
  • Straight Lines
  • Paths and Shapes
  • Curved Lines
  • Transforms
  • Transperency
  • Building a Basic Paint Program
  • Preparing to Draw
  • Drawing on the Canvas
  • Saving the Picture in the Canvas
  • Browser Compatibility for the Canvas
  • Polyfilling the canvas

Unit 7: Deeper into the Canvas

See topics

  • Drawing Images
  • Slicing, Dicing and Resising and Image
  • Drawing Text
  • Shadows and Fancy Fills
  • Making Your Shapes Interactive
  • Animating the Canvas
  • A Practical Example: the Maze Game

Unit 8: Boosting Styles with CSS3

See topics

  • Using CSS3 Today
  • Web Typography
  • Web Font Formats
  • Using a Font Kit
  • Using Google Web Fonts
  • Using your Own Fonts
  • Putting Text in Multiple Columns
  • Adapting to Different Devices
  • Building Better Boxes
  • Creating Effects with Transitions

Unit 9: Data Storage

See topics

  • Web Storage Basics
  • Storing Data
  • Removing Items
  • Finding All Stored Items
  • Storing Numbers and Data
  • Storing Objects
  • Reacting to Storage Changes
  • Reading a Text File
  • Replacing the Standard Upload Control
  • Reading Multiple Files at Once
  • Reading an image File

Unit 10: Offline Applications

See topics

  • Caching Files with a Manifest
  • Creating a Manifest
  • Using your Manifest
  • Updating Manifest File
  • Practical Caching Techniques

Unit 11: Communicating with the Web Server

See topics

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

Unit 12: Applying JavaScript

See topics

  • Geolocation
  • Web Workers
  • History Management

Packages

Advanced Web Design Package

$ 2640 incl GST

(You save $1320)

Duration

8 days

Reviews

(5.00 out of 5) Brian M [ 10 October, 2016 ]
This was a follow up course for me and it re-enforced core html coding language and gave me practical ways to apply.
(4.90 out of 5) Deborah B [ 01 September, 2016 ]
I really enjoyed Simon's teaching style. He brought a wealth of background knowledge and experience which helped put things in context to the outside/commercial world when learning what's new with html5. He tailored the content to what I would need taking these skills back to the work and I really appreciated it.

See more reviews

(4.90 out of 5) Biljana T [ 09 June, 2016 ]
Mark was very thorough, very kind-hearted and knowledgeable tutor. Thanks Mark, I enjoyed this course.
(4.80 out of 5) cyndi [ 26 April, 2016 ]
the course was indepth and informative .. beyond what I was expecting. Andrew was great and tried to make the class as entertaining as possible.

Read all reviews

Enquire Now

Fill in your details to have a training consultant contact you to discuss your training needs.

Your details

Other Ways To Get In Touch

You can also Book Online or call us on 1300 888 724

Back to Top