HTTP/2 200
x-guploader-uploadid: AAwnv3I6isZV0KR6HWt6lex5ZXGGwoMpzPpASlSeQnGAXR3TPmlu-VugU67qkXLuh49ihoN6
x-goog-generation: 1760058517080649
x-goog-metageneration: 1
x-goog-stored-content-encoding: identity
x-goog-stored-content-length: 188741
x-goog-meta-goog-reserved-file-mtime: 1760056687
x-goog-hash: crc32c=HZE3mw==, md5=L82PZNTyrQAroF3Ds3ikCA==
x-goog-storage-class: STANDARD
accept-ranges: none
expires: Sun, 12 Oct 2025 09:32:01 GMT
cache-control: public, max-age=3600
last-modified: Fri, 10 Oct 2025 01:08:37 GMT
etag: W/"2fcd8f64d4f2ad002ba05dc3b378a408"
content-type: text/html
age: 0
alt-svc: h3=":443"; ma=2592000,h3-29=":443"; ma=2592000
alt-svc: clear
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
strict-transport-security: max-age=63072000
content-security-policy: default-src 'self'; script-src 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://www.googletagmanager.com/gtag/js assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M=' 'sha256-YCNoU9DNiinACbd8n6UPyB/8vj0kXvhkOni9/06SuYw=' 'sha256-PZjP7OR6mBEtnvXIZfCZ5PuOlxoDF1LDZL8aj8c42rw='; script-src-elem 'report-sample' 'self' 'wasm-unsafe-eval' https://www.google-analytics.com/analytics.js https://www.googletagmanager.com/gtag/js assets.codepen.io production-assets.codepen.io https://js.stripe.com 'sha256-XNBp89FG76amD8BqrJzyflxOF9PaWPqPqvJfKZPCv7M=' 'sha256-YCNoU9DNiinACbd8n6UPyB/8vj0kXvhkOni9/06SuYw=' 'sha256-PZjP7OR6mBEtnvXIZfCZ5PuOlxoDF1LDZL8aj8c42rw='; style-src 'report-sample' 'self' 'unsafe-inline'; object-src 'none'; base-uri 'self'; connect-src 'self' developer.allizom.org bcd.developer.allizom.org bcd.developer.mozilla.org updates.developer.allizom.org updates.developer.mozilla.org https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com https://incoming.telemetry.mozilla.org https://observatory-api.mdn.allizom.net https://observatory-api.mdn.mozilla.net https://api.github.com/search/issues stats.g.doubleclick.net https://api.stripe.com; font-src 'self'; frame-src 'self' interactive-examples.mdn.mozilla.net interactive-examples.mdn.allizom.net mdn.github.io live-samples.mdn.mozilla.net live-samples.mdn.allizom.net *.mdnplay.dev *.mdnyalp.dev *.play.test.mdn.allizom.net https://v2.scrimba.com https://scrimba.com jsfiddle.net www.youtube-nocookie.com codepen.io survey.alchemer.com https://js.stripe.com; img-src 'self' data: *.githubusercontent.com *.googleusercontent.com *.gravatar.com mozillausercontent.com firefoxusercontent.com profile.stage.mozaws.net profile.accounts.firefox.com developer.mozilla.org mdn.dev interactive-examples.mdn.mozilla.net interactive-examples.mdn.allizom.net wikipedia.org upload.wikimedia.org https://mdn.github.io/shared-assets/ https://mdn.dev/ https://*.google-analytics.com https://*.googletagmanager.com www.gstatic.com; manifest-src 'self'; media-src 'self' archive.org videos.cdn.mozilla.net https://mdn.github.io/shared-assets/; child-src 'self'; worker-src 'self';
x-frame-options: DENY
origin-trial: AxVILwizhbMjxFeHOn1P3R8niO1RJY/smaK4B4d1rLzc1gTaxtXMSaTi+FoigYgCw40uFRDwFcEAeqDR+vVLOW4AAABfeyJvcmlnaW4iOiJodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZyIsImZlYXR1cmUiOiJQcml2YXRlQXR0cmlidXRpb25WMiIsImV4cGlyeSI6MTc0MjA3OTYwMH0=
x-cloud-trace-context: aafbcc0cb2d15f754a083674b94933de
date: Sun, 12 Oct 2025 08:32:01 GMT
server: Google Frontend
via: 1.1 google
vary: Accept-Encoding
content-encoding: gzip
x-cache: miss
JavaScript asynchrone - Apprendre le développement web | MDN
Le JavaScript asynchrone est un sujet assez avancé, et il vous est conseillé de travailler sur les modules Premiers pas en JavaScript et Blocs de construction de JavaScript avant d'attaquer cette leçon.
Note :
Si vous travaillez sur un ordinateur/tablette/autre appareil où vous n'avez pas la possibilité de créer vos propres fichiers, vous pouvez essayer (la plupart) des exemples de code dans un programme de codage en ligne tel que JSBin ou Glitch .
Introduction au JavaScript asynchrone
Dans cet article, nous verrons ce que sont la programmation synchrone et asynchrone , pourquoi nous avons souvent besoin de techniques asynchrones, la façon dont les fonctions asynchrones ont été implémentées en JavaScript au cours du temps et les différents problèmes associés.
Ici, nous verrons les promesses et comment manipuler les API qui les utilisent. Nous introduirons également les mots-clés async et await.
Implémenter une API fonctionnant avec les promesses
Cet article détaille comment implémenter sa propre API utilisant les promesses.
Introduction aux workers
Les workers permettent d'exécuter certaines tâches dans un fil d'exécution séparé, afin que le code principal soit réactif. Dans cet article, nous réécrirons une fonction synchrone dont l'exécution est longue en utilisant un worker .
Ordonnancer des animations
Dans cette évaluation, on vous demande d'utiliser les promesses afin d'exécuter un ensemble d'animations dans un ordre donné.
