Call us at 1-800-413-0939

HTML5/jQuery Programming

Over 100 metro locations. Attend face-to-face, remotely or on site at your facility.


Travel Packages Remote Attendance

Developing Rich Internet Applications Using HTML5, CSS3 and jQuery

Duration: 5 Days

Price: $2595 *California residents and government employees call for pricing.

Remote Attendance: Click here for more information.


Students Will Learn:

  • Using the new HTML5 semantic elements to define the structure of a page
  • Adding video and audio to a Web page
  • Using the new form input types and form attributes
  • Using client-side form validation features within HTML5
  • Adding dynamic graphics to a Web page using Canvas
  • Using the new attribute selectors and pseudo-classes in CSS3
  • Creating effects with CSS3 such as drop shadows, text shadows and using custom fonts
  • Referencing jQuery in a Page
  • Selecting page elements using jQuery selectors
  • Selecting DOM elements using standard DOM methods
  • Creating and using jQuery plugins
  • Registering events in jQuery
  • Setting CSS properties of page elements
  • Making Ajax requests using the $.ajax function
  • Changing the display style of an element using various effect methods

Course Description: This hands on course is intended for experienced Web designers and developers who wish to exploit HTML5 and jQuery to create feature-rich, dynamic Web sites. The course provides a thorough introduction into the use of HTML5, CSS3 and jQuery to create Web sites that target the capabilities of modern browsers. HTML5 includes new structural and form elements, implementation of audio and video elements, and intrinsic APIs that offer features such as determining user location, Web storage, and dynamic creation of graphics using Canvas. CSS3 introduces new selectors and properties, creation of drop shadows, text shadows, rounded corners and gradient backgrounds without the use of an image editor, as well as simple animated effects without the use of JavaScript or Flash.

jQuery simplifies client-side scripting via a series of open-source libraries that provide frameworks for enhanced functionality. The course covers the jQuery library, DOM manipulation, Ajax requests, and an overview of the UI library. Comprehensive hands on exercises are integrated throughout to reinforce learning and develop real competency.

This course includes an introduction into the new features provided by HTML5 and CSS3. Those already familiar with HTML5 and CSS3 should register for the 3-day jQuery Programming course. Students who are not familiar with HTML, CSS and JavaScript should instead register for the course Web Site Development With HTML5/JavaScript, followed by the jQuery Programming course.

Course Prerequisites: Knowledge of HTML, CSS and JavaScript equivalent to attending the Website Development with HTML5, CSS and Bootstrap and JavaScript Programming courses.

Follow-up Courses: Developing Mobile Websites with Responsive Web Design and jQuery Mobile, Developing Web Applications Using AngularJS, Developing Web Applications Using Angular 2, Node.js Web Application Development,

HTML5 Fundamentals
  • Overview of HTML5
  • Comparing HTML5 to XHTML
  • Changes to Existing Tags
  • Deprecated Elements and Attributes
  • Browser Support
  • Modernizr JavaScript Library
  • HTML5 Shiv and Polyfills
HTML5 Structural Elements
  • New Block-Level Semantic Elements
    • <header>
    • <footer>
    • <section>
    • <article>
    • <nav>
    • <aside>
    • <figure> and <figcaption>
  • New Text-Level Semantic Elements
    • <time>
    • <meter>
    • <details>
    • <summary>
    • <mark>
  • Creating a Document Outline
Audio and Video
  • Browser Support for Audio/Video Formats
    • Supplying Fallbacks
  • <audio> and <video>Elements
  • <source> Element
  • Media Element API and Events
    • Creating Your Own Control Panel
    • Effecting the Volume and Playback Rate
HTML5 Web Forms
  • New Form Attributes
    • autocomplete
    • novalidate
  • New Input Attributes
    • autofocus
    • form
  • New Form Elements
    • <datalist>
    • <progress>
  • New Input Elements
    • email
    • url
    • tel
    • search
  • Form Validation
    • pattern and required Attributes
HTML5 JavaScript APIs
  • Web Storage API
    • Local Storage
    • Session Storage
  • Geolocation API
HTML5 Canvas API
  • <canvas> Element
  • Comparing Canvas and SVG
  • Using the Canvas API
    • Drawing Basic and Complex Shapes
    • Setting Colors and Styles
    • Adding Text to the Canvas
    • Adding Images to the Canvas
    • Allowing the User to Draw on the Canvas
    • Saving the Canvas
Introduction to CSS3
  • What's New in CSS3?
  • Benefits of Using CSS3
  • Browser Support
  • Vendor Prefixes
CSS3 Selectors and Pseudo-Classes
  • New Attribute Selectors
    • "Starts With" Selector
    • "Ends With" Selector
    • "Contains" Selector
  • Selecting the nth Element
  • Selecting the nth of a Type
CSS3 Properties
  • Using @font-face to Add Custom Fonts
  • Changing the Opacity of Text and Images
  • Creating Rounded Corners, Adding Shadows to Boxes, and Using Images as Borders
  • Creating Multiple Columns for Laying Out Text
  • Working with RGBA and HSL Color Models
  • Creating Simple Animations Using transitions, transform, and animation
jQuery Fundamentals
  • Overview of jQuery
  • Downloading and Using jQuery library
  • Benefits of Using jQuery
  • Uses of the jQuery function
jQuery Selectors and Filters
  • document.ready()
  • Using jQuery Selectors and Filters
  • Selecting Single and Multiple Elements
  • Operating on Wrapped Sets
  • Method Chaining
DOM Manipulation
  • Accessing Attributes of an Element
  • Adding and Removing Elements
  • Setting Element Content With text() and html()
  • Manipulating Classes and CSS
jQuery Events
  • jQuery Event Model
  • Binding and Removing Event Handlers with on() and off()
  • Delegated and Direct Events
  • Event Object
  • Common jQuery Events
Page Animation with Effects
  • Controlling Visibility Using show() and hide()
  • Creating Slide and Fade Effects
  • Creating Custom Animations
  • Animation Queuing and Callback Functions
Ajax Requests Using jQuery
  • Ajax Overview
  • Loading Remote HTML
  • Making Ajax Requests Using the $.ajax() Function
  • Using the $.get() and $.post() Functions
jQuery Form Enhancement
  • Using Form Selectors and Filters
  • Handling Keyboard and Focus Events
  • Improving Behavior and Appearance
  • Performing Form Validation
  • Using the Validation Plugin
Utility Functions
  • Disabling Animations
  • Using Other Libraries with jQuery
  • String and Array Manipulation
jQuery Plugins
  • Benefits of Plugins
  • Integrating Popular Plugins
  • Image Manipulation with Slideshows and Carousels
  • Creating Custom Plugins
jQuery UI Overview
  • Configuring and Downloading the UI Library
  • Themes and Styles
  • Using ThemeRoller
  • Overview of UI Widgets
 
  • Course materials include student guide, hands-on lab manual and USB flash drive for examples and lab work
  • Students receive a certificate of completion at the end of class
  • Students can retake any portion of a class that has been completed, within 12 months at no extra cost
  • There are no registration fees or cancellation fees

The instructor was very knowledgeable and personable. Also, the software and equipment used to teach this course (remotely) worked flawlessly. I'd highly recommend taking more IT courses (remotely or on site) with this instructor and your company again, and I'd certainly take more courses up to the limits of our annual training budget. The information learned will be immediately and directly beneficial at work.
— J.G., Boston Financial Data Services


I use jQuery extensively at work but I'm very glad I took this course. It truly gave me a deeper understanding of jQuery. The instructor is very knowledgeable and fun and his enthusiastic teaching style makes you want to learn more.
— E.S., Cash America Int.


Excellent class. Really got me excited about using the technology for our sites. I have a much better knowledge of the language and concepts involved.
— M.L., Newport News Shipbuilding

Individual training passes: save up to 43%! For complete discount options » click here «

# Courses Total Cost Cost Per Course % Savings
2 $4,090 $2,045 22%
3 $5,490 $1,830 30%
4 $6,690 $1,672 36%
5 $7,790 $1,558 40%
6 $8,890 $1,482 43%

Multiple Training Locations - Convenience and Cost Control

Attend Regularly Scheduled Courses in More than 100 Cities Across North America and the United Kingdom or via Remote Attendance