HTML5, CSS3 and JavaScript Training: Platform-Independent Web Development

Level: Foundation
Rating: 4.8/5 4.81/5 Based on 90 Reviews

HTML5 empowers you to enhance the User Experience (UX) across all devices — from legacy desktop browsers, to the latest smartphones and tablets. In this HTML5, CSS3 & JavaScript training course, you will gain the skills to apply best practises for HTML markup, CSS styling, and JavaScript programming, as well as upgrade web applications to improve site performance, accessibility, and Search Engine Optimisation (SEO).

Key Features of this HTML5, CSS3 & JavaScript Training:

  • After-course instructor coaching benefit
  • Learning Tree end-of-course exam included

You Will Learn How To:

  • Leverage HTML5 to create modern, feature-rich sites
  • Improve SEO/a11y with semantic elements and microdata
  • Design professional, eye-catching presentations with CSS3
  • Program rich internet applications with JavaScript APIs
  • Enhance the user experience with drag-and-drop, Canvas, and SVG graphics, audio, and video

Choose the Training Solution That Best Fits Your Individual Needs or Organisational Goals

LIVE, INSTRUCTOR-LED

In Class & Live, Online Training

  • 4-day instructor-led training course
  • After-course instructor coaching benefit
  • Learning Tree end-of-course exam included
View Course Details & Schedule

Standard £2095

RESERVE SEAT

PRODUCT #2320

TRAINING AT YOUR SITE

Team Training

  • Bring this or any training to your organisation
  • Full - scale program development
  • Delivered when, where, and how you want it
  • Blended learning models
  • Tailored content
  • Expert team coaching

Customize Your Team Training Experience

CONTACT US

Save More on Training with Learning Tree Training Vouchers!

Our flexible, easy-to-redeem training vouchers are available to any employee within your organisation. For details, please call 0800 282 353 or chat live.

In Class & Live, Online Training

Note: This course runs for 4 Days *

*Events with the Partial Day Event clock icon run longer than normal but provide the convenience of half-day sessions.

  • 29 Sep - 2 Oct 9:00 AM - 4:30 PM BST Online (AnyWare) Online (AnyWare) Reserve Your Seat

  • 14 - 17 Dec 9:00 AM - 4:30 PM GMT Online (AnyWare) Online (AnyWare) Reserve Your Seat

  • 23 - 26 Mar 9:00 AM - 4:30 PM GMT London / Online (AnyWare) London / Online (AnyWare) Reserve Your Seat

  • 14 - 17 Jun 9:00 AM - 4:30 PM BST Online (AnyWare) Online (AnyWare) Reserve Your Seat

  • 6 - 9 Sep 9:00 AM - 4:30 PM BST Online (AnyWare) Online (AnyWare) Reserve Your Seat

  • 10 - 13 Nov 2:00 PM - 9:30 PM GMT Online (AnyWare) Online (AnyWare) Reserve Your Seat

  • 16 - 19 Feb 2:00 PM - 9:30 PM GMT New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

  • 4 - 7 May 2:00 PM - 9:30 PM BST Herndon, VA / Online (AnyWare) Herndon, VA / Online (AnyWare) Reserve Your Seat

  • 3 - 6 Aug 2:00 PM - 9:30 PM BST New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

Guaranteed to Run

When you see the "Guaranteed to Run" icon next to a course event, you can rest assured that your course event — date, time — will run. Guaranteed.

Partial Day Event

Learning Tree offers a flexible schedule program. If you cannot attend full day sessions, this option consists of four-hour sessions per day instead of the full-day session.

HTML5, CSS3 & JavaScript Course Information

  • Requirements

    • Experience developing web pages with HTML and CSS at the level of:
    • JavaScript experience is required

HTML5, CSS3 & JavaScript Course Outline

  • Advancing Web Standards

    • Testing HTML5 with BrowserStack
    • Supporting legacy browers with regressive enhancement
  • Improving Usability, Accessibility and Search Engine Optimisation (SEO)

    Enhancing markup with new semantics

    • Upgrading pages to HTML5
    • Sectioning content with structural elements
    • Optimising page rank with microdata

    Helping users with form completion

    • Guiding input with autofocus and placeholder
    • Validating data entry without scripting
    • Preventing errors with constraints and pickers
    • Customising error messages with the Constraint API
  • Enriching Site Design with CSS3

    Manipulating borders and backgrounds

    • Vendor prefixes
    • Rounded corners
    • Resizable border images

    Creating elaborate effects

    • Floating text and boxes with shadows and opacity
    • Animating transformations and transitions
    • Customising animations with @keyframes

    Customising appearance across browsers

    • Installing downloadable fonts with @font–face
    • Hiding values in custom data–* attributes
    • Adapting mobile layout with media queries
    • Saving bandwidth with responsive images
  • Providing Relevant Content with AppCache, JavaScript and Geolocation

    Enabling users to work offline

    • Defining an application cache manifest
    • Addressing caching caveats
    • Comparing AppCache to Service Workers

    Programming the geolocation API in JavaScript

    • Estimating user latitude and longitude
    • Selecting content by proximity
  • Programming HTML5 Applications

    Applying modern JavaScript best practises

    • Leveraging anonymous functions
    • Simplifying JavaScript development with jQuery

    Persisting data with the Web Storage API

    • Saving name/value pairs in localStorage
    • Storing Complex data in JSON format

    Enhancing forms with rich text and JavaScript

    • Testing and supporting features with Modernizr
    • Simplifying content formatting with WYSIWYG editors

    Manipulating files with drag–and–drop

    • Handling events on draggables and drop targets
    • Enabling drag–and–drop file upload with HTML5 programming interfaces

    Exchanging message data with JavaScript APIs

    • Posting messages across windows
    • Accessing external providers with Cross–Origin Resource Sharing (CORS) and XMLHttpRequest 2
    • Pushing data with WebSockets
    • Improving responsiveness with Web Workers
  • Drawing Dynamic Images

    Filling the Canvas element

    • Eliminating plugin dependencies with native graphics
    • Charting with lines and rectangles
    • Rendering text and embedding images

    Reducing page size with SVG

    • Creating graphics with a text editor
    • Substituting vector images for larger PNG files
  • Engaging Users with Multimedia Features

    Enhancing a site with sound

    • Embedding audio in a web page without plugins
    • Entertaining users with natively-supported video
    • Captioning video with Web Video Text Tracks (WebVTT)

Team Training

HTML5, CSS3 & JavaScript Training FAQs

  • Can I learn HTML5, CSS3 & JavaScript Training online?

    Yes! We know your busy work schedule may prevent you from getting to one of our classrooms which is why we offer convenient online training to meet your needs wherever you want, including online training.

Questions about which training is right for you?

call 0800 282 353
chat Live Chat




100% Satisfaction Guaranteed

Your Training Comes with a 100% Satisfaction Guarantee!*

*Partner-delivered courses may have different terms that apply. Ask for details.

Online (AnyWare)
Online (AnyWare)
London / Online (AnyWare)
Online (AnyWare)
Online (AnyWare)
Online (AnyWare)
New York / Online (AnyWare)
Herndon, VA / Online (AnyWare)
New York / Online (AnyWare)
Preferred method of contact:

Please Choose a Language

Canada - English

Canada - Français