Exceptional training for front end developers

HTML 5 Coding Training Course

NEXT COURSE
29 Oct London
request info

Capita Marks and Spencer Telefonica Cisco BBC Lloyds Sony

HTML 5 Coding training course (code: HTML5)

DesignModernMobile & Classic Websites With HTML5 -Ensure Maximum Portability And Low Development Costs


SEE MORE COURSES IN THIS CATEGORY

TRAINING COURSE OVERVIEW

Our hands-on HTML 5 training course provides delegates who prefer a fast track learning route with intensive practical tuition in creating professional web sites using HTML5. This course shows you how to start adapting the language now to realize its benefits on today’s browsers. It concentrates on the practical—the problems HTML5 can solve for you right away. Using the latest browsers and tools which support HTML5, we explore the direction the web is going. While recognising that many of the features are yet to be ratified and even implemented consistently, the course focuses on good practice and creating manageable code.

AUDIENCE

Software and Web developers who want to be able to leverage the powerful new features of HTML 5. Customised courses also available which can focus on HTML 5 for specific needs such as mobile phone applications

DETAILHIGHLIGHTS

 

Course Detail

 

Introduction

Devices/platforms/hardware
Introducing Development technologies/tools
Backward compatibility, progressive enhancement & responsive design
Testing for HTML5 support

HTML5 Overview

Where does HTML5 come from?
The vision: common HTML everywhere
The range of HTML5 features

New Elements in HTML5

New Elements in HTML5
New tags/elements
New attributes
New character reference standard
New DOCTYPE
New general DOM methods

A new semantic structure

Semantic elements
Microdata

Updated Tags in HMTL5

Unchanged Tags
Tags with Modified behaviour
Changed elements

Forms

New Input Types
New Form Elements; Datalist, Keygen and Output fields
keygen Element
New Form related Attributes

Media

Video and Audio in HTML5

Storing Data on the Client (Web Storage)

Persistent client-side data storage
The localStorage Object
Session management
Security Issues

Events

Overview of events and event handlers in HTML5
Handling Window and Form events
Responding to Mouse and Keyboard events
Media events

The Canvas

Create a Canvas
Drawing with Javascript
Understanding Co-ordinates
Rectangle, circle and ellipse
Paths, Line, polygon and polyline
Text
Introducing filters
Linear and radial gradients
Images
Controlling layout, visibility and state with Canvas tags
IE compatibility

HTML and SVG

Web Fonts (WOFF)

And there’s more in the API's …

HTML5 and the offline app
GEOlocation
File reader
History object
getusermedia
Battery status
Vibration
Beacon
Gamepad
Eventsource (server side events)
Web sockets
Undo manager
Web workers
Postmessage

Optimising Html5 for Mobile

Introduction
Mobile operating systems
Webpage or app
Challenges
Dealing with Orientation
Interfacing with the hardware
Creating touch friendly pages
HTML
CSS
Liquid layouts
JavaScript
Libraries
jQTouch
jQuery Mobile
PhoneGap
Other useful mobile technologies

 

 

  • Introduction
  • HTML5 Overview
  • New Elements in HTML5
  • A new semantic structure
  • Updated Tags in HMTL5
  • Forms
  • Media
  • Storing Data on the Client (Web Storage)
  • Events
  • The Canvas
  • HTML and SVG
  • And there’s more in the API's …
  • Optimising Html5 for Mobile
Receive the latest version of this course into your inbox


See why people choose JBI

"At jbi even the sales team are technical so you are able to ask questions before the course"

Garima Aon

Blog (Show All)

JBI training course London UK

Shelf Life - are React and Angular frameworks here to stay?

12/02/2018: Your choice of development framework will have long term repercussions for IT and corporate strategy for years to come. When migrating and upgrading...


JBI training course London UK

React vs Angular - which framework and therefore which Training Course?

16/01/2018: React vs Angular which framework best for my organisation Speed, security and extensibility are the hallmarks of a great web service, and your...


JBI training course London UK

Angular Course | Expand your HTML capabilities with Angular

09/01/2018: Using HTML is a great way to build static web pages that hardly need any movement or adaptability, but every time a dynamic environment is required,...


Case Studies (Show All)

JBI training course London UK

React Training Course for Experienced Javascript Developers

05/07/2018: This Client asked JBI to run an intensive ReactJS course for Developers who were already familiar with Javascript, CSS and some of whom may have...


JBI training course London UK

Online fashion house gets intensive React training course in 2 days

06/02/2018: Originating from Facebook, React is a component based front-end library that allows you to build applications out of a tree of small, testable,...


JBI training course London UK

Android Training Course - customised and run onsite

08/01/2018: Knowing you need an app is one thing, making it happen should be as painless as possible. When a team of experienced developers needed to work...


PUBLIC COURSES (LONDON, UK)
 

29th Oct 2018 - 3 days £1495
Book

see all dates


X

Show Discount for this course


PRIVATE COURSES


  Bring a JBI course to your office
  and train a whole team onsite
  0800 028 6400
or request quote


  You can customise this course to
  suit your exact needs here
  0800 028 6400 or request quote


Get in touch
0800 028 6400




Excellent feedback, consistently !

►"great tips help reduce build times"
► "we got access to exclusive content"
► "Short course meant less time off"

►"what an inspiring trainer !"
► "colleagues at 2 sites joined via web"
► "I passed my exam the next day"


Newsletter ! Get exclusive news about upcoming programs, technical insights & special offers