HTML 5 Coding training course

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

JBI training course London UK

"Our tailored course provided a well rounded introduction and also covered some intermediate level topics that we needed to know. Clive gave us some best practice ideas and tips to take away. Fast paced but the instructor never lost any of the delegates"

Brian Leek, Data Analyst, May 2022

Public Courses

14/09/26 - 3 days
£1495 +VAT
26/10/26 - 3 days
£1495 +VAT
07/12/26 - 3 days
£1495 +VAT

Customised Courses

* Train a team
* Tailor content
* Flex dates
From £1200 / day
EDF logo Capita logo Sky logo NHS logo RBS logo BBC logo CISCO logo
JBI training course London UK

  • Gain an introduction to HTML5 
  • Explore new Elements in HTML5
  • Design Modern Mobile & Classic Websites With HTML5
  • Ensure Maximum Portability And Low Development Costs
  • Understand a new semantic structure
  • Updated Tags in HMTL5
  • Utilise Forms and Media
  • Store Data on the Client (Web Storage)
  • Explore Events
  • Utilise The Canvas
  • Learn more about HTML and SVG
  • Understand how to utilise the API's …
  • Optimise Html5 for Mobile

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

 

JBI training course London UK

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

5 star

4.8 out of 5 average

"Our tailored course provided a well rounded introduction and also covered some intermediate level topics that we needed to know. Clive gave us some best practice ideas and tips to take away. Fast paced but the instructor never lost any of the delegates"

Brian Leek, Data Analyst, May 2022



“JBI  did a great job of customizing their syllabus to suit our business  needs and also bringing our team up to speed on the current best practices. Our teams varied widely in terms of experience and  the Instructor handled this particularly well - very impressive”

Brian F, Team Lead, RBS, Data Analysis Course, 20 April 2022

 

 

JBI training course London UK

Certification


Every delegate will be entitled to a certificate of achievement on completion of the course.

If you are missing your certificate - please use the link below to apply - you can also use this link to sign up for the JBI Training newsletter to receive technology tips directly from our instructors - Analytics, AI, ML, DevOps, Web, Backend and Security.
 



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.

JBI Training offers a comprehensive range of modern web and front-end development courses covering the leading frameworks, languages, and tools used in professional web development today. Available courses include React (three days), React Native (three days), Angular (three days), Angular Beyond the Basics (two days), Angular Through the Eyes of an Architect (three days), Vue.js (three days), Svelte.js (three days), TypeScript (three days), TypeScript Beyond the Basics (three days), Blazor (three days), Blazor Essentials (two days), .NET Aspire (one day), WebAssembly (two days), Micro Frontends (two days), Ionic (five days), JavaScript with Node Beyond the Basics (two days), JavaScript D3 (four days), Clean Code with JavaScript (two days), Clean Code with JavaScript and Node (two days), HTML5 Coding (three days), and Coding for Non-Coders (two days). All courses are available as scheduled classroom sessions in London, as live online instructor-led training, or as customised onsite programmes for development teams.
React is an open-source JavaScript library developed and maintained by Meta (formerly Facebook) for building fast, interactive user interfaces. It uses a component-based architecture, a virtual DOM for efficient rendering, and a one-way data flow model that makes complex UIs more predictable and easier to maintain. React is the most widely used front-end library globally and is used by organisations of all sizes for building web applications, single-page applications, and progressive web apps. JBI's three-day React course covers React fundamentals, components and props, state management with hooks, the React component lifecycle, routing with React Router, managing application state, working with APIs, and testing React applications. It is suitable for JavaScript developers who want to build modern, component-based web applications.
Angular, React, and Vue.js are the three dominant technologies for building modern front-end web applications, but they differ in scope and approach. Angular is a full framework developed and maintained by Google — it provides a complete, opinionated solution including routing, forms, HTTP client, dependency injection, and a CLI, making it particularly well-suited to large-scale enterprise applications. React is a library focused specifically on the UI layer, giving developers more flexibility to choose their own tools for routing, state management, and other concerns — it has the largest ecosystem and community of the three. Vue.js is a progressive framework that sits between Angular and React in terms of structure — it is approachable for beginners, incrementally adoptable, and used widely in Asia and in medium-sized web projects. JBI offers training in all three technologies.
TypeScript is a strongly typed superset of JavaScript developed and maintained by Microsoft. It adds optional static typing, interfaces, generics, and advanced object-oriented features to JavaScript, and compiles down to standard JavaScript that runs in any browser or Node.js environment. TypeScript is widely adopted in professional web development because it catches errors at compile time rather than at runtime, improves code readability and maintainability, enables better IDE support with autocompletion and refactoring tools, and scales well in large codebases and teams. It is the default language for Angular development and is increasingly used with React and Vue.js. JBI offers both an introductory TypeScript course and a TypeScript Beyond the Basics course for developers who want to advance their TypeScript skills further.
Blazor is a Microsoft web framework that allows developers to build interactive web UIs using C# and .NET instead of JavaScript. It comes in two hosting models: Blazor Server, which runs the application logic on the server and updates the UI over a SignalR connection, and Blazor WebAssembly, which runs the .NET application directly in the browser via WebAssembly. Blazor is particularly appealing to .NET and C# developers who want to build full-stack web applications without switching to a JavaScript framework. JBI offers two Blazor courses: the three-day Blazor course covering both hosting models in depth, and the two-day Blazor Essentials course which provides a focused introduction to the core concepts. Both courses are suited to .NET developers who want to extend their skills to the web front-end.
WebAssembly (often abbreviated as Wasm) is a binary instruction format that runs in modern web browsers at near-native performance speeds. It allows code written in languages such as C, C++, Rust, and Go to be compiled and executed in the browser, enabling computationally intensive applications — such as video processing, 3D rendering, data analysis, and gaming — to run efficiently on the web without plugins. WebAssembly is also used outside the browser in server-side and edge computing contexts. JBI's two-day WebAssembly course covers the fundamentals of WebAssembly, how it integrates with JavaScript, compiling C, C++, and Rust to WebAssembly, the WebAssembly System Interface (WASI), and practical use cases for WebAssembly in modern web and cloud applications. It is suited to developers who want to understand how WebAssembly works and how to apply it in real projects.
Micro Frontends is an architectural pattern that applies microservices thinking to front-end development — breaking a large web application into smaller, independently deployable front-end applications that can be developed, tested, and deployed by separate teams. Each micro frontend owns a specific section of the user interface and can be built using different frameworks or technologies if needed. JBI's two-day Micro Frontends course covers the principles and patterns of micro frontend architecture, the main implementation approaches — including module federation with Webpack, iframes, web components, and server-side composition — the trade-offs between approaches, and practical considerations for teams adopting micro frontends in real applications. It is suited to front-end architects, senior developers, and technical leads working on large-scale web applications.
Svelte is a modern JavaScript framework for building web user interfaces that takes a fundamentally different approach from React and Vue. While React and Vue do their work in the browser at runtime using a virtual DOM, Svelte shifts that work to compile time — it compiles components into highly optimised vanilla JavaScript during the build process, resulting in smaller bundle sizes and faster runtime performance with no framework overhead in the browser. Svelte has gained significant adoption for its simplicity, performance, and developer-friendly syntax. JBI's three-day Svelte.js course covers Svelte fundamentals, component design, reactivity, stores for state management, transitions and animations, routing with SvelteKit, and building production Svelte applications. It is suited to JavaScript developers who want to explore an alternative to the dominant React and Vue ecosystem.
.NET Aspire is a Microsoft framework introduced to simplify the development, orchestration, and deployment of cloud-native distributed applications built on .NET. It provides a consistent set of tools and patterns for building applications composed of multiple services — such as APIs, databases, caches, and message queues — and makes it easier to configure, run, and observe these services during development and in production. JBI's one-day .NET Aspire course covers the core concepts of .NET Aspire, its application model and orchestration capabilities, integrating common cloud services and infrastructure components, observability and telemetry, and how .NET Aspire fits into the broader .NET and Azure ecosystem. It is suited to .NET developers and architects who are building or moving toward cloud-native distributed application architectures.
React Native is a framework developed by Meta that uses React's component model and JavaScript to build native mobile applications for iOS and Android — not web applications running in a mobile browser, but genuine native apps that use platform-specific UI components. React developers can transfer a large amount of their existing knowledge to React Native, making it an efficient path into mobile development for teams already using React for web. JBI's three-day React Native course covers the React Native architecture, building and styling native components, navigation, working with device APIs, state management, and publishing to the App Store and Google Play. It is suited to React developers and JavaScript engineers who want to extend their skills to mobile application development.
Yes. The modern web development landscape evolves rapidly — with regular major releases from React, Angular, Vue, TypeScript, and other frameworks — and JBI's training content is continuously reviewed and updated to reflect the latest stable versions and current best practices. This includes updates to React's concurrent rendering features and server components, Angular's standalone components model and signals, Vue 3 composition API patterns, TypeScript language updates, and the latest developments in WebAssembly and Micro Frontends architecture. Delegates learn skills that are current and applicable to the versions of these technologies used in professional front-end development today.

CONTACT
+44 (0)20 8446 7555

[email protected]

 

Copyright © 2026 JBI Training. All Rights Reserved.
JB International Training Ltd  -  Company Registration Number: 08458005
Registered Address: Wohl Enterprise Hub, 2B Redbourne Avenue, London, N3 2BS

Modern Slavery Statement & Corporate Policies | Terms & Conditions | Contact Us

POPULAR

AI training courses                                                                        CoPilot training course

Threat modelling training course   Python for data analysts training course

Power BI training course                                   Machine Learning training course

Spring Boot Microservices training course              Terraform training course

Data Storytelling training course                                               C++ training course

Power Automate training course                               Clean Code training course