API web utilises ct client

Prrequis

Pour tirer le meilleur parti de ce module, vous devriez avoir parcouru les prcdents modules JavaScript de la srie (Premiers pas, Building blocks et objets JavaScript). Ces modules impliquent tout de mme un bon nombre d'utilisations simples de l'API, car il est difficile d'crire des exemples JavaScript ct client faisant quelque chose d'utile sans eux! Ici, nous passons un niveau suprieur, en supposant que vous connaissiez le langage JavaScript de base et explorant les APIs Web courantes de manire un peu plus dtaille.

Une connaissance basique de HTML et CSS serait aussi utile.

Guides

Introduction aux API du Web

Tout d'abord, nous survolerons du concept d'API qu'est-ce que c'est, comment a fonctionne, comment les utiliser dans votre code, et comment sont-elles structures. Nous verrons galement quelles sont les principales API et leur utilisation.

Manipuler des documents

Quand on crit des pages web et des applications, une des choses les plus courantes que l'on veut faire est de manipuler la structure du document d'une manire ou d'une autre. On le fait gnralement en utilisant le Document Object Model (DOM), un ensemble d'APIs qui permettent de contrler le HTML et le style et qui utilisent massivement l'objet Document. Dans cet article, nous allons voir comment utiliser le DOM en dtail, ainsi que quelques APIs intressantes qui peuvent modifier votre environnement.

Rcuprer des donnes du serveur

Une autre tche courante dans les sites et applications web modernes est de rcuprer des donnes partir du serveur pour mettre jour des sections de la page web sans la recharger entirement. Ce qui pourrait paratre comme un petit dtail, a en vrit eu un impact norme sur les performances et le comportement des sites. Dans cet article, nous allons expliquer le concept et les technologies qui rendent cela possible, tels que XMLHttpRequest et l'API Fetch.

APIs tierces

Les APIs que nous avons vu jusqu' prsent sont intgres dans le navigateur, mais ce n'est pas le cas de toutes. De nombreux gros sites web tels que Google Maps, Twitter, Facebook, PayPal, etc, fournissent des APIs permettant aux dveloppeurs d'utiliser leurs donnes (par exemple pour afficher un flux twitter sur un blog) ou service (par exemple afficher une carte Google Maps sur un site, ou utiliser Facebook pour permettre aux utilisateurs de se connecter). Cet article compare les APIs du navigateur aux APIs tierces et montre quelques utilisations typiques de ces dernires.

Dessiner des lments graphiques

Le navigateur contient des outils de programmation graphique trs puissants, du langage SVG (Scalable Vector Graphics), aux APIs pour dessiner sur les lments HTML <canvas>, (voir API Canvas et WebGL). Cet article fournit une introduction canvas et introduit d'autres ressources pour vous permettre d'en apprendre plus.

APIs vido et audio

HTML5 fournit des lments pour intgrer du multimdia dans les documents <video> et <audio> et qui viennent avec leurs propres APIs pour contrler la lecture, se dplacer dans le flux, etc*.* Cet article montre comment raliser les tches les plus communes, comme crer des contrles de lectures personnaliss.

Stockage ct client

Les navigateurs web modernes permettent aux sites web de stocker des donnes sur l'ordinateur de l'utilisateur avec sa permission puis de les rcuprer au besoin. Cela permet d'enregistrer des donnes pour du stockage long-terme, de sauvegarder des documents ou sites hors-ligne, de conserver des prfrences spcifiques l'utilisateur, et plus encore. Cet article explique les fondamentaux pour y parvenir.