Preferred method of contact:

HTML5 Web Development with CSS3 and JavaScript

COURSE TYPE

Foundation

Course Number

2320

Duration

4 Days

PDF Add to WishList

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

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

Important Course Information

Requirements:

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

Course Outline

  • Advancing Web Standards
  • Testing HTML5 with BrowserStack
  • Supporting legacy browsers 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 practices

  • 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)
Show complete outline
Show Less

Convenient Ways to Attend This Instructor-Led Course

Hassle-Free Enrolment: No advance payment required to reserve your seat.
Tuition Fee due 30 days after you attend your course.

In the Classroom

Live, Online

Private Team Training

In the Classroom — OR — Live, Online

Tuition Fee — Standard: £2095  

AFTERNOON START: Attend these live courses online via Anyware

6 - 9 Feb (4 Days)
2:00 PM - 9:30 PM GMT
Rockville, MD / Online (AnyWare) Rockville, MD / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

20 - 23 Feb (4 Days)
2:00 PM - 9:30 PM GMT
New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

3 - 6 Apr (4 Days)
2:00 PM - 9:30 PM BST
Herndon, VA / Online (AnyWare) Herndon, VA / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

24 - 27 Jul (4 Days)
2:00 PM - 9:30 PM BST
Rockville, MD / Online (AnyWare) Rockville, MD / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

7 - 10 Aug (4 Days)
2:00 PM - 9:30 PM BST
New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

25 - 28 Sep (4 Days)
2:00 PM - 9:30 PM BST
Herndon, VA / Online (AnyWare) Herndon, VA / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Guaranteed to Run

Private Team Training

Enroling at least 3 people in this course? Consider bringing this (or any course that can be custom designed) to your preferred location as a private team training.

For details, call 0800 282 353 or Click here »

Tuition Fee

Standard

In Classroom or
Online

Standard

£2095

Private Team Training

Contact Us »

Course Tuition Fee Includes:

After-Course Instructor Coaching
When you return to work, you are entitled to schedule a free coaching session with your instructor for help and guidance as you apply your new skills.

After-Course Computing Sandbox
You'll be given remote access to a preconfigured virtual machine for you to redo your hands-on exercises, develop/test new code, and experiment with the same software used in your course.

Free Course Exam
You can take your Learning Tree course exam on the last day of your course or online at any time after class and receive a Certificate of Achievement with the designation "Awarded with Distinction."

Prev
Next

Training Hours

Standard class hours:
9:00 a.m. - 4:30 p.m.

Last day class hours:
9:00 a.m. - 3:30 p.m.

Free Course Exam – Last Day:
3:30 p.m. - 4:30 p.m.

Each class day:
Informal discussion with instructor about your projects or areas of special interest:
4:30 p.m. - 5:30 p.m.

AFTERNOON START class hours:
2:00 p.m. - 9:30 p.m.


Last day class hours:
2:00 p.m. - 8:30 p.m.


Free Course Exam – Last Day:
8:30 p.m. - 9:30 p.m.


Each class day:
Informal discussion with instructor about your projects or areas of special interest
9:30 p.m. - 10:30 p.m.

“The HTML5 course taught by Learning Tree provides hands-on training for real-world problems. With the information provided by Learning Tree, I can jump right into the issue with little to no learning curve”.

- C. Cooke, Sr. Software Developer
SAIC

Prev
Next
Chat Now

Please Choose a Language

Canada - English

Canada - Français