Advanced HTML5 Training

0800 156 0777

Learn more Advanced HTML5 techniques now

The Advanced HTML5 training course is a 3 day hands on course which covers many of the more advanced aspects of the new HTML5 syntax.

The course covers areas such as animation, audio and video, and 2D and 3D with SVG, WebGL and more.

If you are already proficient with the basics of HTML5, CSS and JavaScript then this course will help you develop the next tier of skills needed to implement more advanced HTML5 features, and introduce you to a number of useful JavaScript libraries.

Private Tuition (from £495 + vat)

This course is available either as one to one tuition or as a closed course for your team. This can be done at our centres in London and York or your location.

In order to ensure you get exactly what you need, you can speak with our instructors to ensure the course is customised to your needs. Call us free on 0800 156 0777 or LiveChat to speak with one of our team.

The Advanced HTML5 course covers the more advanced aspects of HTML5 such SVG and Canvas, Animation and working with a variety of JavaScript libraries to create high quality effects.

Advanced HTML5

HTML5 Video

  • Video events
  • Video methods
  • Controlling video
  • Monitoring progress
  • Fullscreen video
  • Styling your video
  • Subtitling

Video Effects

  • Loading video into the Canvas
  • Duplicating video
  • Applying effects to your video

HTML5 Audio

  • Audio events
  • Audio methods
  • Controlling audio
  • Monitoring audio
  • Subtitling
  • Audio visualiser

CSS3 Animation

  • Animating with CSS3
  • Easing
  • Non-linear motion
  • Sliding
  • Rotating
  • Scaling
  • Fading In / Out

SVG

  • Creating SVGs
  • Using Illustrator to create SVGs
  • Exporting SVGs from Illustrator
  • How to load SVGs into a web page
  • Using a JavaScript library to load SVGs
  • Animating SVGs

Three.js (Using WebGL)

  • Using three.js to create 2D shapes
  • Using three.js to control 3D shapes
  • Exporting a 3D shape from a 3D package (Blender)
  • Using three.js to control a 3D shape exported from a 3D package
  • Creating 3D scenes

Using the Canvas

  • Drawing into the Canvas
  • Using the 2D JavaScript API for the Canvas
  • Rectangles and spirals
  • Saving

Sprites and Sprite Sheets

  • Loading images into the Canvas
  • Loading Sprite sheets
  • Scaling and rotating
  • Animating sprite sheets

Animation

  • Creating a ball
  • Bouncing a ball
  • Bouncing off the Canvas edge

requestAnimationFrame()

  • Using requestAnimationFrame()
  • Comparing to setTimeout

Animation Math

  • Formulae for moving things
  • Circular motion

Useful JavaScript Libraries

 

The HTML5 advanced course introduces you to the more advanced features of HTML5.

You will learn

  • How to test for and respond to the various audio/video events and methods
  • How to control audio/video, and how to create fullscreen effects and add subtitles
  • How to create advanced animation with CSS3
  • How to create and apply easing effects with CSS3
  • How to create and use svgs in your web pages
  • How to use and control 3D shapes within your web pages
  • How to use JavaSript to write to and get data from a canvas element
  • How to use sprite sheets with the canvas element
  • How to use JavaScript to animate drawing within the canvas
  • Some simple, but effective, mathematical formulae for controlling your animations

Our scheduled courses are designed to ensure you have a professional and productive experience.  With 20 years practice we have had plenty of time to get it right, but we are always open to new suggestions as well.

Reasons to choose Highlander for your Advanced HTML5 training

  • A proven track record - Highlander has been established for 20 years.
  • High quality instruction - All of our instructors are Adobe Certified Instructors.
  • We make sure you are happy - Our satisfaction guarantee ensures you leave with a smile.
  • Follow on support - We give you 12 months post course support.

What you get on a Highlander Course

Start and finish times

Our courses start at 9.30am and typically run until 4pm. The finish time is based primarily on how much information people can retain in a day without being overwhelmed, and can vary slightly depending on individual class size and ability.

Equipement

Each delegate is provided with use of a computer, setup with the latest version of the software they are learning. Our London centre has a mix of Mac and PC's, so if you have a preference please advise us when booking. Older versions of software can usually be catered for on request.

If delegates prefer to work in their own environment and would rather bring their own laptop that is equally fine.

Refreshments

Hot drinks and bottled water is provided throughout the day together with a selection of biscuits and sweets.  There is a scheduled 15 minute break mid morning and again mid afternoon.

Lunch

There is a one hour break for lunch to allow delegates some time "off the screen".  Both our centres are in areas which offer a wide range of options for lunch.

In London we are located on Upper Street in Islington which is one of London's more popular locations for eating out, offering everything from popular cafe's and burger & pizza bars through to a wide range of restaurants.  In addition we also have an in-house cafe in the building should you not wish to venture further.

In York we are located on the well known Bishy Road, with a wide range of popular cafe's just a few metres from the front door. The street regularly features in national newspapers and has been described by Wall Street Journal as "an enclave of gourmet delis and cafes" while The Times described it as "York's answer to Notting Hill".

Course Materials

Course manuals / books are provided for all our standard scheduled courses and you get 12 months access to our learning management system which contains a variety of content ranging from video tutorials and refresher exercises through to copies of course slides.

Internet Access

All the machines have full internet access and free wifi is available to use within our centres.

Certificate of Completion

All delegates receive a certificate of completion to show they have completed a Highlander Training Course.

Who should attend this course

The course is suitable for web developers who wish to learn how to control and organise audio and video content, create animations without flash, and generate and use 2D and 3D within web browsers without flash.

You should have already attended the HTML5 Getting Started course or have equivalent experience and have basic JavaScript knowledge (if you don't check out our JavaScript courses).