Programmation asynchrone en JavaScript: Événements, Callbacks, Promises, async-await

[@MorganSchmiedt]

Programmation synchrone 0:29 Programmation asynchrone 3:56 Programmation asynchrone en utilisant des Callbacks 12:49 Programmation asynchrone en utilisant des Promises 24:47 Programmation asynchrone en utilisant les mots clés Async et await 34:24

[@yourkaa5670]

Tu es un ouff mec 😱 ton intelligence pédagogique est au-dessus de la moyenne!!

[@Alif-622-hg]

J'ai suivi plusieurs vidéos concernant le sujet. Mais franchement vos êtes le meilleur car vous expliquez tellement bien les choses que finalement il est presque impossible de ne pas comprendre. En plus vous abordez toutes ces trois notions (callback, promise, et await) d'une manière chronologique tout en faisant le lien et les différences entre elles. Un grand merci

[@soufianeaknouche2508]

Merci Morgan pour les éclaircissements quant aux différentes façons de faire de l'asynchrone.

[@marcelehuyambianguessan5510]

Honnêtement après avoir papoté plus d'une heure sur KZbin, c'est la première vidéo qui m'explique vraiment clairement les choses

[@josiassehi.keassebo6020]

Bonjour a vous , je tiens a vous remercier pour ce excellent travail 🤗 tres tres complet et facile a comprendre

[@espinozagaye6242]

Merci pour les explications je viens de découvrir mais c’est top je comprends petit à petit

[@jacquesderiban557]

Vous faites un excellent travail pédagogique. Vous méritez bien plus de vues et d'abonnés. Merci.

[@emmanuelcronenberger5027]

Merci pour ton travail tu expliques avec beaucoup de clarté 👍

[@Greg-dn5rt]

Bien expliqué merci. 🤏🏾 Par contre ton fond d'écran on dirait un cours de magie lol

[@frankdearr2772]

Excellente video, merci pour ce sujet vraiment utile 👍

[@pelletierchristophe21]

Bonjour, Je vous remercie pour votre vidéo ; j'avais investi dans des livres, regardé des tutos sur le sujet sans vraiment bien comprendre ; là, vos explications sont accessibles pour un débutant ! Merci beaucoup de prendre le temps pour ces vidéos. C'est très appréciable.

[@tropic44]

Merci pour tes efforts de pédagogie

[@chr_aikicom]

excellente explication 😊

[@soundhiker]

Merci Morgan pour cette vidéo parfaitement claire... j'ai du lire un paquet d'article et regarder pas mal de vidéos avant d'enfin tomber sur celle là qui est limpide. Bravo !

[@ryanthibaux7011]

Merci pour cette vidéo, et le mini best-of à la fin qui permet de décompresser après un bourrage de crâne ! :')

[@storm-technologie]

franchement je suis vraiment déçus, mais vraiment déçus de ne pas t'avoir connus plus tôt 😅, merci , les choses sont très bien expliquer et sa ma donner envie de voir plusieurs de tes vidéos 👍👍

[@MorganSchmiedt]

Les grands esprits finissent toujours par se rencontrer 😝

[@laurentgauthier8742]

Un grand merci pour ces contenus et l'effort pédagogique qui est derrière. D'ailleurs, la remarque s'applique aussi à toutes les vidéos de la chaîne que j'ai pu visionner jusqu'à maintenant, Je continue, tout devient de plus en plus clair ! Merci encore.

[@Cilloux972]

C'est super bien expliqué ! Je m'abonne !

[@electroheadfx]

Franchement tu es le seul qui m'a fait bien comprendre les notions, merci !

[@MorganSchmiedt]

Merci Laurent. Content que ca te plaise.

[@saminserge2674]

Merci pour vos excellentes videos . une tres bonne continuation a vous !

[@lexplay4019]

mec je te remercie, j'ai planché pendant 3 jours non stop. J'avais compris pourquoi on devait les utiliser mais comment utiliser ces outils, j'en étais incapable. Maintenant je vois un peu mieux et en plus tu as un léger accent alsacien ce qui m'a facilité le travail ^^'. Je pense que je vais jeter un coup d'oeil sur tes autres vidéos et merci encore

[@philippedevezeaud5029]

Bonne explications, clair. Merci pour le partage

[@olivier8556]

Excellente vidéo ! merci beaucoup

[@sofianesofiane1831]

Merci Monsieur ,,👍

[@theot4562]

Top ton travail. Cela m'a beaucoup aidé !

[@raphaelparodi3377]

Tout simplement , merci ! :)

[@jipeejoce1353]

Tuto exceptionnel (et je pèse mes mots), merci pour vos efforts, +1 abo :)

[@louisvandevelde]

Bravo, magnifique vidéo, du grand art.

[@raph6709]

Merci c'était très clair!

[@kira2935]

magnifique

[@flaks7831]

super tuto merci beaucoup je m'abonne :)

[@MorganSchmiedt]

Merci - content que ca te plaise 😊

[@maureenbayedi4031]

Super tuto

[@far1006]

👍

[@theot4562]

Petit clin d'oeil pour le best-off a la fin de la vidéo XD

[@MorganSchmiedt]

Hehe ;)

[@Sdirimohamedsalah]

Merci pour cette explication en profondeur ! Question : comment faire pour créer un logique basé sur le temps. Par exemple on attend la réponse (avoir le nom) si l'utilisateur ne répond pas au bout de 5 secondes par exemple on lui donne une deuxième question en occurrence lui demandant son prénom?

[@MorganSchmiedt]

Avec plaisir! Pour effectuer une opération après un certain laps de temps, vous pouvez utiliser la fonction native setTimeout. J'en parle ici : kzbin.info/www/bejne/j3yyoHR7qcSLmac

[@soufianta8374]

Bonsoir. Je ne veux pas être développeur mais je suis une sorte d’administrateur système. Du coup, je fais quelques scripts et je maintiens/déploie des applications web. J’aime les langage style Ruby, python mais je commence à m’intéresser à js car c’est le langage du net! Nodejs est une excellente manière de sortir du « net ». Est-ce que nodejs est l’alternative parfaite à python etc. (pour faire du web et automatisation). Merci et bonne continuation..

[@MorganSchmiedt]

Je ne sais pas si NodeJS est l'alternative parfaite à Python, mais c'est une des alternatives avec PHP. Tout dépend ce que tu veux faire. L'avantage de NodeJS est de pouvoir écrire des programmes (scripts, backend Web, etc.) en JavaScript avec le même langage de programmation que celui utilisé sur le front-end, pour les sites Web. On peut donc apprendre un seul langage et réutiliser ses compétences pour différentes finalités.

[@theot4562]

Salut ​ @Morgan Schmiedt , Je sais pas si tu peux m'aider. Mais j'ai un souci et je suis bloqué.... Voici mon code : (La function ‘’req_sql ’’ devras lancer une requête SQL et par la suite récupérer le résultat de la requête.) /// MYSQL /// var mysql = require('mysql'); var bdd = mysql.createConnection({ host : '192.168.1.10', user : 'paul', password : '123456789', database : 'bourse' // Changer le nom de la database }); const req_sql = (req) =>{ return bdd.query(req,function(err, result) { if (err) throw err // console.log(result) return result }); } console.log( req_sql('select * from tickers where symbol = "XPAR:TEP";'))

[@MorganSchmiedt]

Hey - Tu ne m'as pas dit quel était le problème exactement. Le mieux est d'essayer de localiser le problème pour essayer de savoir si le soucis vient de : 1/ JavaScript, càd d'une erreur dans le code ; 2/ SQL, càd un problème dans la requête SQL, ou dans la structure de la table ; 3/ La base de données, càd une erreur de connexion, d'identifiant, ou de mot de passe ; Le code me semble correct. (Le point virgule à la fin de la requête n'est pas nécessaire) Pour confirmer la validité de la requête SQL, tu peux copier/coller ta requête en te connectant manuellement à la base et en l’exécutant. Pour confirmer la connexion à la base, tu peux aussi essayer de te connecter manuellement, avec les mêmes identifiants. Je suis surpris de voir que l'adresse (host) fait référence à une IP fixe, et ne fait pas référence à localhost (ou 127.0.0.1), car dans la majorité des cas, la base est localisée sur la même machine.

[@theot4562]

@@MorganSchmiedt Hey merci pour ta réponse ! Le problème provient du return BDD.Query. Seul une erreur et les identifiants de connexion est retournée. La requête SQL fonction très bien car le console.log(résult) (qui est en commentaire) m’affiche le résultat. Je pense que le problème réside vraiment dans la manière donc je retourne les valeurs. Merci pour ton temps 😉

[@MorganSchmiedt]

Si le "console.log" qui est en commentaire fonctionne, la connexion à la BD fonctionne et ta requête aussi. Pour récupérer le résultat de ta fonction "req_sql", tu ne peux pas simplement appeler la fonction "req_sql()" comme tu le fais et espérer avoir le résultat en retour, car le résultat de la fonction n'est pas synchrone, càd qu'il n'est pas disponible immédiatement. Le résultat est disponible seulement quand le callback est appelé, càd lorsque la fonction que tu transmets à "bdd.query" est executée. Aussi, il n'y a pas d'intérêt de retourner le résultat dans le callback ("return result"), car il n'est pas possible de récupérer le résultat de cette manière. Pour récupérer le résultat, il faudrait soit passer un callback à la fonction "req_sql", soit utiliser async/await. Par exemple : const req_sql = (req, cb) => bdd.query(req, (err, result) => { if (err) throw err cb(result) }) req_sql('select ...', (result) => console.log(result))

[@theot4562]

​@@MorganSchmiedt Est - il possible de récupérer la valeur au niveau de l'appelle de la fonction pour la stocker dans une variable . exemple : retour = req_sql('select * from tickers where symbol = "XPAR:TEP";', (result) => (result)) console.log(retour) avec "retour" qui contient le résultat de la requête ? Merci pour ton temps ;)

[@MorganSchmiedt]

Oui c'est possible en utilisant une les Promise et async/await, comme je l'explique dans la vidéo. Il faut insérer ta fonction "req_sql" dans une Promise. Tu pourras ensuite l'utiliser comme une fonction synchrone en mettant : result = await req_sql(sql)

[@___Kevin]

Merci beaucoup pour vos explications parce que c'est pas super évidemment comme concept