WE169
Information technology

Web applications: using the fundamental HTML5 APIs

Leverage HTML5 APIs to build modern and interactive web applications


Discover the core HTML5 APIs that power modern, interactive web applications. This course covers semantic HTML5 structure, form enhancements, and the integration of audio and video using native tags and programmatic control.
You’ll also explore key APIs: Geolocation, local storage, and a preview of service workers for offline support. Techniques using abstraction layers (e.g., for IndexedDB) and custom data attributes (data-*) are also included.
Hands-on practice includes building an offline application that persists data locally. Designed for web developers and integrators aiming to master HTML5’s full application potential.

Objectives

Becoming familiar with the fundamental HTML5 APIs for web application development.

Is it for you ?

Developers and integrators.

Prerequisite

Good knowledge of JavaScript and ES6.

Your benefits

  • Use HTML5 APIs to enhance web application functionality
  • Build advanced forms with validation and new input types
  • Manage local storage and client-side data persistence
  • Integrate and control audio and video using HTML5 APIs
  • Develop offline-capable applications using service workers
  • Content

    • Presentation of the HTML5 context, its APIs and CSS3
    • HTML5 syntax: elements, attributes, DOCTYPE
    • Support verification, emulation prostheses and syntax validation
    • Custom attributes with data- and DOM HTML5
    • Forms: new input types for the input element; placeholder, required, min, max and autofocus attributes; datalist, meter, progress and output elements; editable content
    • Video and audio publishing: supported formats and codecs, insertion without programming, management by programming through APIs
    • Geolocation API for external localization
    • Local persistence API for local storage of information
    • Overview of the new "service workers" API for saving application resources for offline access
    • Use of abstraction layers: for IndexedDB and for service workers
    • Synthesis exercise with offline application and data persistence.

    Notes

    Note that the structural elements (section, article, header, footer, nav, aside, main, figure, time, picture) are presented in the HTML course (Course WE106).

    💡 Informations utiles

    Our training programs are delivered in private sessions tailored to your needs—on-site at your location, virtually, or in our training rooms. Dates, schedules, language, and format are all fully customizable to fit your team. Ready to get started? Fill out the request form below to plan your training or receive a personalized proposal—our team will be happy to connect with you shortly.

    Duration
    2 days
    Schedule
    See training dates for details
    Regular fee
    $1,035
    Preferential fee A preferential rate is offered to public institutions, to members of certain professional organizations as well as to companies that do a certain amount of business with Technologia. To know more, please read the "Registration and rates" section on our FAQ page. Please note that preferential rates are not available for online training courses. Discounts cannot be combined with other offers.
    $930
    Private or personalized training

    Do you have several employees interested in the same training course? Whether in person at your offices or remotely in virtual mode, we offer private training courses tailored to your team's needs. Group rates are available. Contact us for more details or request a quote online.

    Request a quote

    Request in-company training

    Do you have several employees interested in the same training course? Whether in person at your offices or remotely in virtual mode, we offer private training courses tailored to your team's needs. Group rates are available. Contact us for more details or request a quote online.

    Tell us more
    Added to cart View my cart