COURSE FINDER

HTML5 Advanced Technicques

£700 per delegate. This may be less for special offers on specific course dates and in-company training courses

Duration: 3 days

Trainer: G083IH

Need course dates or locations to suit you? CLICK HERE TO SEND ENQUIRY...

Advanced HTML5

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 and games, audio and video, and 2D and 3D with SVG, WebGL and more.

Audience 

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

Prerequisites

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 online JavaScript course).

Location

This course is available at our London or York centres as a public schedule course, or as a closed course at your own site.

Course Content

Day 1 - Audio and Video

On the first day you will learn to control audio and video elements with HTML5. You will learn about the various events and methods that will allow you to do this and go through several JavaScript libraries that will make your job easier.

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
- Audo methods
- Controlling audio
- Monitoring audio
- Subtitling
- Audio visualiser

Day 2 - HTML5 2D and 3D

On day 2 we will go through creating and using 2D and 3D elements within web browsers. This will mean using SVG and WebGL. We will discuss both the creation and usage of these assets as well as use various JavaScript libraries to help us in our work.

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 3D shapes
- Using three.js to control 3D shapes
- Exporting a 3D shape from a 3D package (e.g. Blender)
- Using three.js to control a 3D shape exported from a 3D package
- Creating 3D scenes

Day 3 - HTML5 Animation

Here you will create banners, slideshows, animations, and simple games - all using HTML5 and JavaScript. You will also look at various HTML5 apps and JavaScript libraries that will help when working with animation.

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

Special Note: HTML5 is still being developed as a standard and support in browsers is continually evolving. Whilst we make every endeavour to stick to the course overview as described above, we reserve the right to adjust the course if needed to accommodate recent changes in HTML5. For example if a particular library is withdrawn and no longer available for use we would be unable to cover it.
The course either has new dates in data loading, or is only run as a dedicated or In Company course.
  • Corps Construct Logo
  • Safety & Health Logo
  • Hawks Logo
  • Know How Logo
  • SYNERGIETRAINING Logo
  • Induct Ltd Logo
  • Ace Safety Logo
  • 1UPACCESS Logo
  • BAM Construction Training Logo
  • Citrus Training Logo
  • 3B Training Logo
  • Astutis Logo
  • Construction Industry Training Providers Logo
  • Health Life and Safety Logo
  • MI Construction Training Logo
  • Innov8 Training Logo
  • BSI Training Logo
  • OM Safety Training Logo
  • TotalComms Training Logo
  • SDA Safety Logo
  • Construction Skills People Logo
  • Phoenix Health and Safety Logo
  • Harris Safety Training Logo
  • First Response Training Logo
  • Alliance Learning Logo
  • ALS Safety Logo
  • KeyOstas Logo
  • Libben Health and Safety Logo
  • Global Management Academy Logo
  • Illumine Logo
  • CCAS Health and Safety Logo
  • ROSPA Logo
  • PJH Safety Training Logo
  • OMS Logo
  • Tala Training Logo
  • PRS Health and Safety Training
  • SSG Training and Consultancy Logo
  • RB Services Logo
  • Safety Training Services Logo
  • Clarkson Evans Training Logo
  • Lighthouse Training Logo
  • The Building Safety Group Logo
  • ProSafety Logo
  • Total Training Solutions Logo
  • Kentec Training Logo
  • Total Electrical Training logo
  • NTSS logo
  • Frinton Training logo
  • Envesca logo
  • The Safety Maintenance Company logo
  • APT Health and Safety logo
  • Sandwell Training Association logo
  • PC Workshops logo
  • Zero Harm Training logo
  • R2 Training logo
  • The Bradley Group logo
  • Risk Health and Safety logo
  • Wise Global Training logo
  • Total Training Company Logo
  • Sibbald Training logo
  • Total Construction Training logo
  • UTN Training logo
  • Collective Safety Solutions logo
Telephone Hotline (footer image)

Telephone Hotline

01933 233884

(Monday to Friday - 8:00am to 5:30pm).

© 2020 Book My Course Limited. All rights reserved

Home | About Us | Contact Us | FAQs | Privacy Policy | Terms & Conditions | Site Map | News / Articles | Cookie Policy