COURSE FINDER

HTML5 Bootcamp

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

Duration: 7 days

Trainer: G083IH

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

HTML5 Bootcamp

The HTML5 Bootcamp is a 5 day hands on training course covering all aspects of HTML5 from beginner to advanced level topics. The course combines the HTML5 Getting Started and HTML5 Advanced courses, as well as including over 10 hours of high definition online video tutorials, with exercises covering CSS, JavaScript and HTML5 that our instructors have created.

Who should attend
This course is suited to those who have no previous experience of HTML5, but wish to learn how to make the most of this rapidly emerging web standard.

Delivery Locations
The course is available at our London and York training centres as a public scheduled class, as well as onsite at your own location.

Course Details
Stage 1 - 2 days - HTML5 Getting Started

HTML5 Overview
-History of HTML5
-WHATWG and W3C specifications
-What is part of HTML5?

Using HTML5 Today
-When can I use these features?
-Using HTML5 on mobile devices
-HTML5 or Flash
-Developer Tools
-Detecting HTML5 features

HTML5 Markup
-HTML5 page structure
-HTML5 DOCTYPE
-HTML5 markup
-Structural elements
-Semantic elements
-Deprecated elements
-HTML5 and CSS

HTML5 Forms
-HTML5 form elements
-Building and using HTML5 forms

HTML5 Offline Applications
-HTML5 offline applications
-Manifest files

HTML5 Audio and Video
-The audio and video elements
-Understanding audio and video
-Audio and video containers
-Audio and video codecs

HTML5 Canvas
-Overview
-Canvas
-Canvas basics

SVG
-How to use SVG
-JavaScript libraries that help with drawing eg: Raphaël, gRaphaël, Visualize, etc

HTML5 Web Sockets
-Web Sockets overview
-jwebsocket

HTML5 Geolocation
-Geolocation overview

HTML5 Storage
-Overview
-Local Storage
-Session Storage
-WebSQL

Drag and Drop
-Overview

Web Workers - asynchronous scripts
-Overview

CSS3
-Transitions
-Transformations
-Animations

Stage 2 - 3 days 
Day 1 - Audio and Video
Here 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

HTML5 Audio
- Audio events
- Audo methods
- Controlling audio
- Monitoring audio
- Subtitling
- Audio visualiser

HTML5 User Interface
-Creating a user interface for controlling your web page assets
-HTML Audio and Video JavaScript Libraries
-Skinning your audio and video assets

Day 2 - 2D and 3D
On this day 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.

SVG
-Creating SVGs
-Using Illustrator to create SVGs
-Exporting SVGs from Illustrator

Loading them into a web page
-How to load svgs into a web page
-Using the Raphaël JavaScript library to load SVGs

Controlling SVGs
-Using the Raphaël library to animate your SVGs

WebGL
-What is WebGL
-Which browsers can use WebGL
-WebGL basics
-Creating 3D shapes
-Colouring 3D shapes
-Animating 3D shapes

Threejs
-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 and HTML5 Games
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 and games

JavaScript Animation
-Using the canvas
-Sprites and Sprite sheets
-Animation
-requestAnimationFrame()
-Useful JavaScript libraries

JavaScript Math
-Formulae for moving things
-Circular motion

CSS3 Animation
-Animating with CSS3
-Easing
-Non-linear motion

JQuery basic effects
-Introducing JQuery
-JQuery effects

Overview of current HTML5 Applications
-Hype, Radi, Edge, Construct2, Balsamiq

Creating Banners and Slideshows
-Hype
-Edge
-Using animate.css
-Using Deck.js
-Using html5slides

Creating simple games
-Noughts & Crosses
-Other JavaScript libraries
-(Trident.js, Easel.js, etc)

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 accomodate 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
  • MecSafe 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
  • Complete 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
  • Safe Life 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
  • Smallpeice Enterprises logo
  • Total Training Company Logo
  • Sibbald Training logo
  • Highlander logo
  • Total Construction Training logo
  • e-testing 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