Request Info

Salutation

First Name

Last Name

Job Title

Department

Mailstop

Company

Address

P.O. Box

City

Province

Postal Code

Country
List

Work Telephone

Ext.

E-mail Address

Information provided will be used to communicate with you about our products.
Privacy Statement

A representative will contact you to follow up your request.

 
Special offer: Training Vouchers - Free Courses with purchase.

 

HTML5: Next Generation Web Development

Enhancing Websites with Emerging Technologies

Course 2320 • 4 Days

 E-mail E-mail  Print Print  Q&A Q&A  PDF PDF  Facebook Facebook  Twitter Twitter

Quick Enrol

You Will Learn How To

  • Leverage HTML5 to create modern, feature-rich sites with next generation standards
  • Improve accessibility and SEO with semantic elements, ARIA and microdata
  • Design professional, eye-catching presentations with CSS3
  • Build user-friendly forms with new input types and advanced UI controls
  • Augment JavaScript-based web apps with geolocation, local storage, messaging and background processing
  • Program engaging interfaces with drag and drop, Canvas-based graphics, audio and video

Course Benefits

HTML5 empowers organizations to harness the future of web development today while supporting legacy browsers. Providing specifications to improve accessibility, search engine optimization (SEO), multimedia and user-friendly forms, HTML5 takes web applications to a new dimension. In this course, you build standards-compliant, responsive web pages with the next generation of JavaScript Application Programming Interfaces (APIs) to improve the performance and user experience of your site.

Who Should Attend

Web designers and developers interested in upgrading their sites to HTML5. Knowledge of HTML and CSS at the level of Course 470, "Developing a Website," as well as prior JavaScript experience are assumed.

Hands-On Training

Practical hands-on exercises provide experience in creating modern, attractive sites with HTML5, CSS3 and JavaScript. Exercises include:
  • Improving semantics, accessibility and SEO with markup
  • Preventing user error with validation and pickers
  • Creating a 3-D effect with borders, shadows and fonts
  • Customizing the user experience with location-specific content
  • Persisting JSON data in browser storage
  • Pushing content to the client with web Sockets
  • Depicting data graphically with the Canvas API

Course 2320 Content

Advancing Web Standards to the Next Generation

  • Demystifying HTML5
  • Supporting legacy browsers with polyfils
  • Regressive enhancement

Improving Semantics, Accessibility and Forms

Enhancing markup

  • Adding structural elements in HTML5
  • Maximizing accessibility with semantics and ARIA

Assisting users with form completion

  • Guiding input with autofocus and placeholders
  • Validating data entry without scripting
  • Preventing errors with pickers

Enriching Site Design with CSS3

Manipulating borders and backgrounds

  • Grouping content
  • Rounded corners
  • Gradients
  • Images

Creating elaborate effects

  • Floating text and boxes with shadows and opacity
  • Animating transformations and transitions

Applying web fonts

  • Customizing appearance with downloadable fonts
  • Installing fonts with @font-face

Optimizing Page Rank with Microdata

Improving search engine optimization (SEO)

  • Employing the Google data vocabularies
  • Testing Google Rich Snippets

Scoping and annotating markup

  • Offers
  • Reviews
  • Organizations
  • Addresses
  • Hiding values in custom data-*attributes

Providing Relevant Content with Geolocation

The geolocation API in JavaScript

  • Estimating user latitude and longitude
  • Demonstrating geolocation with mapping

Generating location-specific content

  • Calculating distance with the haversine formula
  • Filtering information by geographic location

Developing with Local and Session Storage, Messages and Web Workers

Persisting data

  • Saving key/value pairs in localStorage
  • Leveraging JSON, browser databases and object stores

Communicating between windows

  • Posting messages across domains
  • Processing a message from a different source

Incorporating third-party data with Ajax

  • Allowing Cross-Origin Resource Sharing (CORS)
  • Accessing external providers with XMLHttpRequest2

Exchanging information with webSockets

  • Overcoming limitations of HTTP
  • Pushing data to clients

Increasing responsiveness with asynchronous processing

  • Leveraging web Workers for CPU-intensive code
  • Creating a tag cloud using a background process

Simplifying Interaction with Drag and Drop

Dragging elements

  • Processing mouse drags
  • Transferring data with events

Identifying target destinations

  • Enabling drop locations
  • Responding to a drop event

Engaging Users with Multimedia Features

Drawing dynamic graphics with Canvas

  • Charting with lines and rectangles
  • Annotating diagrams with text and images

Alternatives to Canvas

  • Mathematical Markup Language (MathML)
  • Scalable Vector Graphics (SVG)
  • Comparing Canvas to SVG

Enhancing a site with audio

  • Embedding audio in a web page
  • Supporting multiple codecs and containers

Adding video to the web

  • Encoding media in an Ogg container
  • Converting to H.264 and webM formats

<< Back to Web Development, XML, and Adobe Products Course List
 

Related Courses

Learning Tree AnyWareTM is a trademark of Learning Tree International, Inc. in the United States and other countries, and is covered by a patent application pending in the United States.
  
HTML5: Next Generation Web Development

Training Dates

Live online classroom training.Most events below can be taken in-class or live, online from your home or office with AnyWare.
Jul 24 - 27Ottawa enrol
Aug 14 - 17Toronto enrol
Oct 2 - 5Ottawa enrol
Oct 30 - Nov 2Toronto enrol
Jan 15 - 18Ottawa enrol
Jan 22 - 25Toronto enrol

US Dates

May 29 - Jun 1Reston, VA enrol
Jul 17 - 20New York enrol
Jul 31 - Aug 3Rockville, MD enrol
Aug 14 - 17Los Angeles enrol
Aug 21 - 24Reston, VA enrol
Sep 4 - 7Alexandria, VA enrol
Sep 11 - 14Chicago (Schaumburg) enrol
Sep 25 - 28Dallas enrol
Oct 9 - 12New York enrol
Oct 23 - 26Rockville, MD enrol
Nov 13 - 16Reston, VA enrol
Dec 4 - 7Alexandria, VA enrol
Dec 11 - 14Los Angeles enrol
Dec 18 - 21New York enrol
Jan 8 - 11Chicago (Schaumburg) enrol
Jan 29 - Feb 1Reston, VA enrol

For AnyWare enrolments, please register at least 7 days prior to the start of the course.

Note: The exercise material in this course is not currently compatible with the Mac operating system.

More Dates and Locations.

 

Bring this or any Learning Tree Course on-site to your location!

 

Average Attendee Evaluation

 Evaluations in the last 12 months

5 stars:
81%
4 stars:
17%
3 stars:
2%
2 stars:   0%
1 star:   0%

 
"I like that Learning Tree instructors are not academics but professionals working in the field. That's particularly impressive because I've had courses from strictly academic teachers, and they tend to say, 'This is the way it works,' and I'm thinking, 'Not in my world.'"

– D. Farrell
Scholastic, Inc.