JavaScript Promise : then() - async/await - fetch() en français

Soyez informé des nouvelles formations Code Concept (Front, Back, FullStack) et recevez des coupons de réduction en avant-première :

Formations Front, Back et FullStack :

Accès rapide :
0:00 ordre d'exécution du code synchrone et asynchrone
7:07 création d'une promesse
17:49 consommation d'une promise via then()
20:08 Intérêt des promises
23:39 Passer une fonction en paramètre vs exécuter une fonction
25:38 consommation via async/await
29:53 utilisation d'une promise émise par une fonction telle que fetch()
38:46 fetch() et async/await
40:00 résumé

Liens cités dans la vidéo :

[aliravakaandriamandimbisoa]

ah lala j'ai passé un bon moment en regardant et en recodant en même temps que ce tuto que vous avez fait. Chose que j'avais du mal à comprendre le fonctionnement de async/await et les fetch(), promesse... Au plaisir de découvrir d'autres vidéos intéressantes avec vous . Je vous remercie infiniment :D

[aminegh]

Honnêtement la meilleure vidéo qui démystifie vraiment la partie asynchrones, chapeau la tableau est peint toute est claire comme le soleil Merci infiniment.

[olivierdugast]

Il serait présomptueux de ma part de vouloir affirmer que cette video est certainement une des meilleures (voire la meilleure?) sur le sujet de l'asynchronisme en javascript. Mais par rapport à celles que j ai regardées par ailleurs, la tienne cerne très biens toutes les difficultés sans pour autant tomber dans trop de techniques et d'explications : un exemple très bien choisi, une progression limpide et un marquage très clair des points essentiels. Bravo!

[senga]

bravo pour cette video très claire ! merci beaucoup, j'y ai compris beaucoup de choses !

[jlnko]

Merci pour tes vidéos, je suis en formation sur open classroom et je me décourageai et franchement tu m'a fait reprendre le rythme en suivant certaine de tes vidéos don't celle ci 🙏

[karenc]

Un immense merci pour cette vidéo j'en avais besoin ! 🙏 Je debute en JS (formation en cours) et c'est devenu tellement plus clair grâce à cet exemple très bien trouvé pour expliquer les notions, avec une cool attitude que j'adore je n'ai pas vu les minutes passées 👏😄

[emiliep]

Purée merci pour cette vidéo, c'est clair comme de l'eau de roche, j'avais vraiment besoin de creuser ce point-là. C'est difficile au début de savoir quand en avoir besoin je trouve, comment organiser la chaîne des événements, mais ça vient avec la pratique j'imagine. Hop, abo, parce que bon ce n'est que le début d'une longue (infinie) aventure. Bon weekend tout le monde et bon code :)

[b-api]

Merci beaucoup pour ce contenu de qualité

[jean-bernardsaint-eve]

Merci pour cette vidéo en français. C'est clair maintenant. C'est sans doute la meilleurs vidéo en français (et j'en ai vu beaucoup, la pire étant celle de devTheorie -;) )
Je pense qu'il ne faut pas abuser de Async/await car sa rend le code synchrone (à mon avis de débutant)
Je n'ai pas compris pourquoi le mot clé async était obligatoire devant une fonction comportant des await. Cette fonction est tout sauf asynchrone, vu qu'elle attend le résultat des await. Je n'ai trouvé aucune explication claire dans aucun tuto. J'ai compris que le async transforme la fonction en promesse. Mais pourquoi faire ?

[sebastien]

Bonjour,
Il y a une chose que je n'ai pas comprise :
quand vous utilisez then(), le code qui se trouve apres ('juste apres startDecisionProcess) s'affiche bien avant les 5000ms. Par contre, avec async await, il s'affiche apres les 5000ms --> l'odre des console.log n'est pas le meme. Du coup, on perd le concept d'asynchronisme, ce n'est pas du tout le meme comportement

[rickydelaper]

Merci pour la vidéo !!
Il me semble que le .json() donné par fetch parse plutôt le JSON vers un objet JS, d’où le fait qu’on le stringify ensuite pour récupérer du JSON à nouveau, ai-je bien raison ?

[blr]

Merci pour cette vidéo très instructive. Y a t il des situations où il est préférable d'utiliser then() au lieu de await et vice versa.

[olygood]

j'ai justement un problème avec l'audio sur un jeu html5 avec <canvas> ou chrome me demande absolument de retourner une promesse pour l'audio ça tombe bien

[medaillonet]

Je me sers pas mal du fetch(), des promesse, d'async/await en ce moment et ta vidéo me fournit de bons rappels de ces notions merci.
Question : en fait pour le dernier exemple, lorsque tu code la fonction async searchGithub(), il n'y pas de .catch en fait ? en cas d'erreur de retour du fetch ?,
Si on l'avait voulu il aurai fallu utiliser un try/catch ?

Puis en plus tu fais trop marrer avec tes critères de recrutement et tes exemples/commentaires.
J'ai énormément pensé à cette song lors du tuto :

[kernelpanic]

Top le tuto mais trop de pubs j'ai abandonné en cours de route...