Course : HTML5, mastering JavaScript APIs

Practical course - 2d - 14h00 - Ref. HML
Price : 1370 € E.T.

HTML5, mastering JavaScript APIs




You'll learn how to implement the various JavaScript APIs proposed by the new HTML5 specifications. You'll handle APIs for data storage, client/server communication, offline cache management and geolocation.


INTER
IN-HOUSE
CUSTOM

Practical course in person or remote class
Disponible en anglais, à la demande

Ref. HML
  2d - 14h00
1370 € E.T.




You'll learn how to implement the various JavaScript APIs proposed by the new HTML5 specifications. You'll handle APIs for data storage, client/server communication, offline cache management and geolocation.


Teaching objectives
At the end of the training, the participant will be able to:
Managing data persistence
Creating applications in offline mode
Mastering Client/Server communication with Web sockets
Design drag'n'drop mechanisms
Use location APIs

Intended audience
Web developers. Web project managers.

Prerequisites
Good knowledge of HTML and JavaScript.

Practical details
Hands-on work
Using the various JavaScript APIs

Course schedule

1
Introduction

  • What's new in HTML5: new semantic elements, main tags, forms...
  • New CSS selectors: search for elements by Class, by selector...
Hands-on work
Search for items by positioning or Class.

2
Persistence management

  • Overview of storage issues.
  • Local storage (localStorage), session storage or database storage.
  • Create databases and queries.
  • sqLite administration tools.
  • Available SQL operations.
Hands-on work
Create a product table with queries.

3
Cache management

  • Application creation in offline mode.
  • Creation of Manifest file.
  • Support for offline mode.
  • Cache manager events: offline and online events.
Hands-on work
Implementation of a disconnected mode.

4
Client/Server communication

  • CrossDomain communication.
  • Cross Document Messaging.
  • PostMessage API.
  • Communication types: polling, long-polling, streaming.
  • Listener for messages sent by the server. EventSource API.
  • XMLHTTPRequest Level 2. Level 2 presentation. Progress events. Multi-document communication.
  • Web sockets communication. API and protocol.
Hands-on work
Implementation and comparison of different C/S protocols.

5
Drag & copy management

  • Drag'n'Drop mechanisms.
  • Drag-and-drop API.
  • The draggable attribute.
  • Behavioral properties.
  • The events.
  • Possibilities and limits.
  • Drag-and-drop file and image transfer.
Hands-on work
Drag-and-drop basket management.

6
Geolocation

  • Geolocation overview.
  • Private data.
  • Location information sources.
  • Using the localization API.
  • Respect for privacy.


Publication date : 05/16/2024



This programme is an original creation, developed by the teaching teams at ORSYS Formation. Any reproduction, representation, adaptation or use, in whole or in part, without the prior written authorisation of ORSYS, is strictly prohibited. ORSYS reserves the right to take any action necessary to protect its intellectual property rights.


This programme is an original creation, developed by the teaching teams at ORSYS Formation. Any reproduction, representation, adaptation or use, in whole or in part, without the prior written authorisation of ORSYS, is strictly prohibited. ORSYS reserves the right to take any action necessary to protect its intellectual property rights.