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 Dates
-
Sydney Class Dates
Book NowLevel 11, 32 Walker Street, North Sydney , NSW 2060
19 - 20 Aug 21 Thu - Fri Online Live 16 - 17 Sep 21 Thu - Fri Online Live 11 - 12 Oct 21 Mon - Tue Online Live 09 - 10 Nov 21 Tue - Wed Online Live 09 - 10 Dec 21 Thu - Fri Online Live 13 - 14 Jan 22 Thu - Fri Online Live 10 - 11 Feb 22 Thu - Fri Online Live 07 - 08 Mar 22 Mon - Tue Online Live -
Melbourne Class Dates
Book NowLevel 12, 379 Collins Street, Melbourne , VIC 3000
19 - 20 Aug 21 Thu - Fri Online Live 16 - 17 Sep 21 Thu - Fri Online Live 11 - 12 Oct 21 Mon - Tue Online Live 04 - 05 Nov 21 Thu - Fri Classroom 09 - 10 Nov 21 Tue - Wed Online Live 09 - 10 Dec 21 Thu - Fri Online Live 13 - 14 Jan 22 Thu - Fri Online Live 27 - 28 Jan 22 Thu - Fri Classroom 10 - 11 Feb 22 Thu - Fri Online Live 07 - 08 Mar 22 Mon - Tue Online Live 28 - 29 Mar 22 Mon - Tue Classroom 26 - 27 May 22 Thu - Fri Classroom 18 - 19 Jul 22 Mon - Tue Classroom 15 - 16 Sep 22 Thu - Fri Classroom -
Brisbane Class Dates
Book NowLevel 6, 371 Queen Street, Brisbane , QLD 4000
19 - 20 Aug 21 Thu - Fri Online Live 16 - 17 Sep 21 Thu - Fri Online Live 23 - 24 Sep 21 Thu - Fri Classroom 11 - 12 Oct 21 Mon - Tue Online Live 09 - 10 Nov 21 Tue - Wed Online Live 15 - 16 Nov 21 Mon - Tue Classroom 09 - 10 Dec 21 Thu - Fri Online Live 13 - 14 Jan 22 Thu - Fri Online Live 27 - 28 Jan 22 Thu - Fri Classroom 10 - 11 Feb 22 Thu - Fri Online Live 07 - 08 Mar 22 Mon - Tue Online Live 21 - 22 Mar 22 Mon - Tue Classroom 16 - 17 Jun 22 Thu - Fri Classroom
-
Canberra Class Dates
Book NowLevel 4, 54 Marcus Clarke Street, Canberra , ACT 2601
19 - 20 Aug 21 Thu - Fri Online Live 16 - 17 Sep 21 Thu - Fri Online Live 11 - 12 Oct 21 Mon - Tue Online Live 09 - 10 Nov 21 Tue - Wed Online Live 09 - 10 Dec 21 Thu - Fri Online Live 13 - 14 Jan 22 Thu - Fri Online Live 10 - 11 Feb 22 Thu - Fri Online Live 07 - 08 Mar 22 Mon - Tue Online Live -
Adelaide Class Dates
Book Now19 Young Street, Adelaide , SA 5000
19 - 20 Aug 21 Thu - Fri Online Live 16 - 17 Sep 21 Thu - Fri Online Live 11 - 12 Oct 21 Mon - Tue Online Live 09 - 10 Nov 21 Tue - Wed Online Live 09 - 10 Dec 21 Thu - Fri Online Live 13 - 14 Jan 22 Thu - Fri Online Live 10 - 11 Feb 22 Thu - Fri Online Live 07 - 08 Mar 22 Mon - Tue Online Live -
Perth Class Dates
Book NowLevel 1, 140 St Georges Terrace, Perth , WA 6000
19 - 20 Aug 21 Thu - Fri Online Live 16 - 17 Sep 21 Thu - Fri Online Live 11 - 12 Oct 21 Mon - Tue Online Live 09 - 10 Nov 21 Tue - Wed Online Live 09 - 10 Dec 21 Thu - Fri Online Live 13 - 14 Jan 22 Thu - Fri Online Live 10 - 11 Feb 22 Thu - Fri Online Live 07 - 08 Mar 22 Mon - Tue Online Live
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
- HTML5 Essentials (2 days)
- CSS3 Essentials (2 days)
- Introduction to JavaScript (2 days)
- jQuery: Interactive Websites (2 days)
$ 2970 incl GST
(You save $990)
Duration
8 days
Related Courses
Course Reviews
(5.00 out of 5) Christopher [ 13 April, 2021 ]
very informative course. I was able to learn the semantics which is new to be as I was doing DIVs. Linda is always great as usual.
(4.60 out of 5) Christina M [ 30 March, 2021 ]
Linda was wonderful! Very thorough and knowledgeable in every aspect of CSS, JS and HTML. She soldiered on even when she was sick!
(5.00 out of 5) Ivan R [ 30 March, 2021 ]
Loved it! Linda was very knowledgeable, provided great support when we had issues and covered a great variety of concepts and information to take away and apply to my role.
(4.70 out of 5) Lisa A [ 30 March, 2021 ]
Well worthwhile 2 days. I managed to keep up with the JS, didn’t understand a lot but I’m am not as scared of it as I was. All the other was interesting and relevant - tailored to our requirements. Linda did a great job of keeping us moving but allowing extra help / support and extra time whenever required. It can’t be easy training over Zoom without cameras but she did it very well.
Enquire Now
Fill in your details to have a training consultant contact you to discuss your training needs.