8297  Reviews star_rate star_rate star_rate star_rate star_half

Comprehensive HTML5 Development

Ascendient Learning's Comprehensive HTML5 Development Training teaches attendees everything they need to know to build interactive web pages using the latest version of HTML. Students take their...

Read More
By Request
Contact Us For Pricing
Duration 5 days
Course Code ACCEL-HTML5-DEV
Available Formats Classroom

Overview

Ascendient Learning's Comprehensive HTML5 Development Training teaches attendees everything they need to know to build interactive web pages using the latest version of HTML. Students take their skills to the next level with powerful APIs to leverage device orientation, audio and video, drag and drop, speech recognition, geolocation, the onboard battery, vibrations, and much more. This course is current to version 5.2.

Skills Gained

  • Learn how to write well-formed HTML using proper syntax
  • Understand the basic structure of a web page
  • Create lists
  • Incorporate images
  • Use HTML5 elements and templates
  • Create HTML5 Forms
  • Incorporate audio and video
  • Use the Canvas element and API
  • Obtain the charge status of a device’s battery
  • Gain end users’ attention via their sense of touch
  • Send the end user notifications that appear outside the web browser
  • Tap into the device’s physical orientation
  • Make portions of your web page editable by the end user
  • Display portions of the web page so that they occupy the users’ entire screen
  • Implement voice recognition and speech synthesis
  • Leverage the new media elements (audio and video)
  • Work with the new elements and attributes
  • Work with the WebStorage API
  • Send and receive messages from web pages, including web pages from a different domain
  • Associate HTML elements with data
  • Make any object on the web page draggable
  • Use the new features of XMLHttpRequest (XHR) level 2
  • Open full duplex connections from client to server with the WebSocket specification
  • Create single unidirectional channels between the server and the client
  • Create a 2D drawing surface with the element and "draw” on the canvas with JavaScript.
  • Use geolocation information in your applications
  • Use web workers to boost the performance of your web applications

Prerequisites

No prior experience is presumed.

Course Details

Training Materials

All students receive comprehensive courseware covering all topics in the course.

Software Requirements

  • Web or text editor of your choice
  • Web browsers - a recent version of one or more of the following:
    • Google Chrome
    • Mozilla Firefox
    • Microsoft Edge
    • Safari
  • If space on a web server is available, students may also wish to bring their mobile devices so they can test how pages appear on these devices.

Outline

  • Introduction
    • HTML5 summary
    • Abbreviated syntax guide to writing HTML5
    • Best practices
  • Syntax
    • HTML Elements: how to write HTML tags
    • Syntax rules
    • Page structure
    • Basic structure of a web page
    • The HTML5 syntax summary
  • Structure
    • Introduction to the structure of HTML documents
    • The HTML Content Models
    • The Content Models
    • Deprecated elements
    • Elements with new meanings
    • Deprecated attributes
    • Structural and semantic elements
    • Overview of lists
    • Overview of links
    • Images
    • The remaining HTML5 elements
    • Using HTML5 templates
    • Using the HTML5 boilerplate and mobile boilerplate
  • Elements
    • What are the new elements?
    • How do I use the new elements?
    • HTML5 new attributes
  • Forms
    • Introduction form elements and attributes
    • New form input types
    • New form attributes
    • New form elements
    • When do I use the new elements?
  • Video and Audio
    • Introduction to HTML5 media elements
    • Audio and Video
  • HTML5 Canvas
    • What are the new elements
    • Why use the Canvas element and API?
  • BatteryStatus API
    • Why use the BatteryStatus API?
    • How does the BatteryStatus API work?
    • The BatteryStatus API
      • BatteryStatus API methods
      • BatteryManager properties
      • BatteryManager events
    • Browser support
  • Vibration API
    • Why use the Vibration API?
    • How does the Vibration API work?
    • Vibration methods
  • Notifications API
    • Why use the Notifications API?
    • How does the Notifications API work?
    • Notifications API
      • Notification object attributes
      • Notification events
      • Notification API methods
  • DeviceOrientation Event API
    • Why use the DeviceOrientation API?
    • DeviceOrientation Event API
      • DeviceOrientation events
      • How does the DeviceOrientation Event API work?
      • DeviceOrientation
      • DeviceMotion
      • DeviceOrientation Event API
  • Fullscreen API
    • Why use the Fullscreen API?
    • The Fullscreen API
      • Fullscreen API methods
      • Fullscreen API properties
      • Fullscreen API events
    • Notes on the fullscreen view
  • Speech APIs
    • Speech Recognition and Speech Synthesis
    • Speech Synthesis
      • SpeechUtterance object
      • SpeechUtterance object properties
      • SpeechUtterance object events
    • Speech Recognition
  • HTML5 Media elements and API
    • Audio and Video
      • The media elements
      • What are the new elements used for?
      • Browser support for the new media elements
      • <audio> element attributes
      • <video> element attributes
      • Browser support <video>
      • Browser support Ogg/Theora video format*
      • Browser support WebM/VP8 video format*
      • Browser support MPEG-4/H.264video format*
      • Browser support audio codec
      • When do I use these new elements?
    • Video and Audio APIs
      • Video/audio methods
      • Video/audio object properties
      • Video/audio object events
  • Forms/Constraint Validation API
    • New form input types
    • What are the new input types?
      • New attributes for input elements
      • New form elements
    • When do I use the new elements?
      • The placeholder attribute
      • The autocomplete attribute
      • The autofocus attribute
      • The list attribute and the datalist element
      • The spellcheck attribute
    • HTML5 form validation
      • Preventing default validation from occurring
    • Constraint Validation API
      • Form properties
      • Form control methods
      • Form controls validity and validityState
  • WebStorage API
    • Browser support for WebStorage API
    • WebStorage API
      • The Storage Object
    • When
    • Cookies vs. session storage vs. local storage
  • Web Messaging API
    • Web messaging’s postMessage() method
      • Establishing trust between domains
      • The origin
    • What is cross-origin resource sharing?
      • CORS support and the server
    • Ports and channel messaging
      • MessagePort methods
      • The Message event object properties
  • Dataset API
    • data-* syntax rules
    • The dataset API
  • Drag and Drop API
    • What is drag and drop?
      • What is drag and drop used for?
      • Browser support for drag and drop
      • Understanding drag and drop
      • The draggable attribute
      • Drag and drop with a data “payload”
    • Drag events
    • Drop events
  • XMLHttpRequest Level 2 API
    • Objectives
    • The XMLHTTPRequest object
    • XHR API
      • What is XHR used for?
      • Benefits of XHR level 2
      • The XHR object: readyState property
    • The XHR object
      • The XHR object: Events
      • The XHR Object: Methods
      • The XHR object: Properties
  • Web Sockets API
    • HTTP
      • WebSocket properties
      • WebSocket event handlers
      • WebSocket methods
    • Using a WebSocket server with the WebSocket API
  • Server-sent Events API
    • The server messages
    • Creating an EventSource
      • The EventSource properties
      • The EventSource events
      • The advantages of server-sent events
      • The disadvantages of server-sent events
      • Server-sent events summary
  • Canvas API
    • What are the new elements?
    • Why use the Canvas API?
    • Canvas quick summary
    • Uses for the new Canvas API
    • Canvas Demos
  • Geolocation API
    • What is the Geolocation API used for?
    • Browser support for Geolocation
    • The Geolocation API
      • Geolocation object methods
      • Position object properties
      • Position interface attributes
  • Web Workers API
    • Features available to Web Workers
    • Why use Web Workers?
    • When should Web Workers be used?
    • How do Web Workers work?
    • The Web Worker API
      • The abstractWorkerk interface properties
      • The WorkerGlobalScope object
      • The WorkerGlobalScope object properties
      • The WorkerGlobalScope object methods
      • The WorkerGlobalScope events
    • Browser support for Web Workers
    • Types of Web Workers
      • Dedicated Worker
      • Shared Worker
    • Creating Shared Workers
  • Conclusion
Read Less

Schedule

Upcoming Course Dates

There are currently no scheduled dates for this course. If you are interested in this course, contact us with the form below.

Contact Information
Address

FAQ

Does the course schedule include a Lunchbreak?

Classes typically include a 1-hour lunch break around midday. However, the exact break times and duration can vary depending on the specific class. Your instructor will provide detailed information at the start of the course.

What languages are used to deliver training?

Most courses are conducted in English, unless otherwise specified. Some courses will have the word "FRENCH" marked in red beside the scheduled date(s) indicating the language of instruction.

What does GTR stand for?

GTR stands for Guaranteed to Run; if you see a course with this status, it means this event is confirmed to run. View our GTR page to see our full list of Guaranteed to Run courses.

Does Ascendient Learning deliver group training?

Yes, we provide training for groups, individuals and private on sites. View our group training page for more information.

What does vendor-authorized training mean?

As a vendor-authorized training partner, we offer a curriculum that our partners have vetted. We use the same course materials and facilitate the same labs as our vendor-delivered training. These courses are considered the gold standard and, as such, are priced accordingly.

Is the training too basic, or will you go deep into technology?

It depends on your requirements, your role in your company, and your depth of knowledge. The good news about many of our learning paths, you can start from the fundamentals to highly specialized training.

How up-to-date are your courses and support materials?

We continuously work with our vendors to evaluate and refresh course material to reflect the latest training courses and best practices.

Are your instructors seasoned trainers who have deep knowledge of the training topic?

Ascendient Learning instructors have an average of 27 years of practical IT experience and have also served as consultants for an average of 15 years. To stay current, instructors spend at least 25 percent of their time learning new, emerging technologies and courses.

Do you provide hands-on training and exercises in an actual lab environment?

Lab access is dependent on the vendor and the type of training you sign up for. However, many of our top vendors will provide lab access to students to test and practice. The course description will specify lab access.

Will you customize the training for our company’s specific needs and goals?

We will work with you to identify training needs and areas of growth.  We offer a variety of training methods, such as private group training, on-site of your choice, and virtually. We provide courses and certifications that are aligned with your business goals.

How do I get started with certification?

Getting started on a certification pathway depends on your goals and the vendor you choose to get certified in. Many vendors offer entry-level IT certification to advanced IT certification that can boost your career. To get access to certification vouchers and discounts, please contact info@ascendientlearning.com.

Will I get access to content after I complete a course?

You will get access to the PDF of course books and guides, but access to the recording and slides will depend on the vendor and type of training you receive.

How do I request a W9 for Ascendient Learning?

View our filing status and how to request a W9.

Reviews

Exit certified was great as it is very in depth and hands on learning which made it very easy to learn this type of work.

Great company -- easy to sign up and very organized. Loved my teacher and class overall.

I registered a day before class and am happy that I received all the materials and links in time for the class. Thanks.

Good training materials and lecture. And hands on lab and the instructor guiding was good.

Good Course. We covered a lot of material in a short amount of time. This course had useful labs that built upon each other.