1300 888 724 8.30am to 5:30pm AEST (Mon-Fri) info@dynamicwebtraining.com.au

HTML5 Essentials Course

(4.72 out of 5) 110 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.

Course Details

Course Dates

  • Sydney Class Dates

    Book Now

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

    09 - 10 Jan 19 Wed - Thu
    19 - 20 Feb 19 Tue - Wed
    11 - 12 Apr 19 Thu - Fri
    16 - 17 May 19 Thu - Fri
    25 - 26 Jun 19 Tue - Wed
    06 - 07 Aug 19 Tue - Wed
    24 - 25 Sep 19 Tue - Wed
    07 - 08 Nov 19 Thu - Fri
    17 - 18 Dec 19 Tue - Wed
  • Melbourne Class Dates

    Book Now

    Level 12, 379 Collins Street, Melbourne , VIC 3000

    07 - 08 Jan 19 Mon - Tue
    21 - 22 Feb 19 Thu - Fri
    01 - 02 Apr 19 Mon - Tue
    16 - 17 May 19 Thu - Fri
    24 - 25 Jun 19 Mon - Tue
    08 - 09 Aug 19 Thu - Fri
    16 - 17 Sep 19 Mon - Tue
    30 - 31 Oct 19 Wed - Thu
    09 - 10 Dec 19 Mon - Tue
  • Brisbane Class Dates

    Book Now

    Level 6, 371 Queen Street, Brisbane , QLD 4000

    21 - 22 Jan 19 Mon - Tue
    28 Feb - 01 Mar 19 Thu - Fri
    01 - 02 May 19 Wed - Thu
    20 - 21 Jun 19 Thu - Fri
    12 - 13 Aug 19 Mon - Tue
    08 - 09 Oct 19 Tue - Wed
    05 - 06 Dec 19 Thu - Fri
  • Canberra Class Dates

    Book Now

    Level 4, 54 Marcus Clarke Street, Canberra , ACT 2601

    07 - 08 Mar 19 Thu - Fri
    28 - 29 May 19 Tue - Wed
    20 - 21 Aug 19 Tue - Wed
    13 - 14 Nov 19 Wed - Thu
    03 - 04 Feb 20 Mon - Tue
  • Adelaide Class Dates

    19 Young Street, Adelaide , SA 5000

    Classes scheduled on demand in Adelaide

    Please Join our waitlist and we'll notify you when a new class is scheduled or contact us to disucss your training needs.

  • Perth Class Dates

    Level 1, 140 St Georges Terrace, Perth , WA 6000

    Classes scheduled on demand in Perth

    Please Join our waitlist and we'll notify you when a new class is scheduled or contact us to disucss your training needs.

Course Units

Expand full topic list

Unit 1: Introducing HTML5

  • 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

See more

Unit 2: A New Way to Structure Pages

  • 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

See more

Unit 3: Meaningful Markup

  • 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

See more

Unit 4: Web Forms, Refined

  • 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)

See more

Unit 5: Audio and Video

  • 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

See more

Unit 6: Basic Drawing with the Canvas

  • 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

See more

Unit 7: Deeper into the Canvas

  • 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

See more

Unit 8: Boosting Styles with CSS3

  • 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

See more

Unit 9: Data Storage

  • 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

See more

Unit 10: Offline Applications

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

See more

Unit 11: Communicating with the Web Server

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

See more

Unit 12: Applying JavaScript

  • Geolocation
  • Web Workers
  • History Management

See more

Training Packages

Web Design Package - Level 2

$ 3630 incl GST

(You save $1320)

Duration

10 days

Enquire Book Now
Pay later

Related Courses

Course Reviews

(5.00 out of 5) Stephanie Q [ 06 November, 2018 ]
The course covered HTML5 in great details and is appropriate for what I needed to know. The instructor is very interesting and has great knowledge on the topic. Its great to have a book to take away. I have a lot of examples during the course to try it out after the session.
(5.00 out of 5) Billy C [ 21 August, 2018 ]
The course was in-depth and provided good information on HTML5 and a bit of CSS and JavaScript. It was really useful, thank you Linda!!!
(5.00 out of 5) Jessica C [ 11 January, 2018 ]
The instructor was very knowledgeable and very thorough. She answered all the questions with ease and provided very valuable information, links on how to make a better website, what to do and what not to do etc..
(5.00 out of 5) Robert C [ 07 December, 2017 ]
Good overall coverage of the topic. The javascript section was an unexpected extra surprise. Presenter was very good and knowledgable on the topic.

Read all course 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