Cette traduction est incomplète. Aidez à traduire cet article depuis l'anglais.

Lorsque vous écrivez du JavaScript côté client pour des sites Web ou des applications, vous n'irez pas très loin avant d'utiliser des APIs - des interfaces pour manipuler différents aspects du navigateur et du système d'exploitation sur lesquels le site opère, ou même des données provenant d'autres sites web ou services. Dans ce module, nous allons explorer ce que sont les APIs, et comment utiliser certaines des APIs les plus courantes que vous rencontrerez souvent dans votre travail de développement.

Prérequis

Pour tirer le meilleur parti de ce module, vous devriez avoir parcouru les précédents modules JavaScript de la série (Premiers pas, Building blocks et objets JavaScript). Ces modules impliquent tout de même un bon nombre d'utilisations simples de l'API, car il est difficile d'écrire des exemples JavaScript côté client faisant quelque chose d'utile sans eux! Ici, nous passons à un niveau supérieur, en supposant que vous connaissiez le langage JavaScript de base et explorant les APIs Web courantes de manière un peu plus détaillée.

Une connaissance basique de HTML et CSS serait aussi utile.

Remarque: Si vous travaillez sur un ordinateur/tablette/autre périphérique où vous n'avez pas la possibilité de créer vos propres fichiers, vous pouvez essayer (la plupart) es exemples de code dans un programme de code en ligne tel que JSBin ou Thimble.

Guides

Introduction aux APIs web
Tout d'abord, nous commencerons par regarder les APIs depuis un haut niveau - que sont-elles, comment fonctionnent-elles, comment les utilisez-vous dans votre code, et comment sont-elles structurées? Nous verrons également quelles sont les différentes classes principales d'API et quel type d'utilisation elles ont.
Manipulation des documents
Lorsque vous écrivez des pages Web et des applications, l'une des choses les plus courantes que vous voulez faire est de manipuler des documents Web d'une manière ou d'une autre. Ceci est généralement fait en utilisant le DOM (Document Object Model), un ensemble d'APIs pour contrôler le HTML et les informations de style qui font un usage intensif de l'objet Document. Dans cet article, nous verrons comment utiliser le DOM en détail, ainsi que d'autres API intéressantes qui peuvent modifier votre environnement de manière intéressante.
Récupération des données depuis le serveur
Une autre tâche courante dans les sites Web et les applications modernes consiste à récupérer des éléments de données individuels depuis le serveur pour mettre à jour des sections d'une page Web sans avoir à charger une nouvelle page entière. Ce petit détail en apprence a eu un énorme impact sur les performances et le comportement des sites, nous allons donc expliquer le concept dans cet article, et examiner les technologies qui le rendent possible, telles que XMLHttpRequest et l'API Fetch.
Third party APIs
Les APIs que nous avons étudiés jusqu'à présent sont intégrées dans le navigateur, mais toutes les API ne le sont pas. Beaucoup de sites Web et services de grande envergure tels que Google Maps, Twitter, Facebook, PayPal, etc. fournissent des APIs permettant aux développeurs d'utiliser leurs données (par exemple, afficher votre flux twitter sur votre blog) ou des services (par exemple, afficher des cartes Google Maps personnalisées sur votre site ou utiliser Facebook pour vous connecter à vos utilisateurs). Cet article examine la différence entre les APIs de navigateur et les APIs tierces, et montre quelques utilisations typiques de ces dernières.
Conception de graphiques
La navigateur contient quelques outils de programmation de graphiques très puissants, du langage Scalable Vector Graphics (SVG), aux APIs pour dessiner sur les éléments HTML <canvas>, (voir The Canvas API and WebGL). Cet article fournit une introduction aux canvas, et des ressources additionnelles vous permettant d'apprendre plus.
APIs video et audio
HTML5 fournit des éléments permettant d'intégrer du contenu multimédia riche dans des documents - <video> et <audio> - qui à leur tour possède leurs propres APIs pour contrôler la lecture, la recherche, etc. Cet article vous montre comment effectuer des tâches courantes telles que la création de contrôles de lecture personnalisés.
Device APIs
Les appareils modernes de navigation Web offrent de nombreuses fonctionnalités dont les applications Web peuvent tirer profit, par exemple accéder aux données de localisation de l'appareil pour placer votre position sur une carte, ou indiquer à l'utilisateur qu'une mise à jour utile est disponible via des notifications système ou des vibrations matérielles. Cet article examine ce qui est disponible et passe en revue quelques cas d'utilisation courants.
Client-side storage APIs
La plupart des navigateurs web modernes fournissent la possibilité de stocker des données structurées côté client, ce qui est très utile si vous voulez créer une application qui sauvegardera son état entre les chargements de pages, et peut-être même fonctionner lorsque le périphérique est hors ligne. Cet article se penche sur les options disponibles.

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : bretondev
 Dernière mise à jour par : bretondev,