Bonjour j'ai un souci avec fetch associée a la boucle while pour parcourir une table sql. Ca me retourne et affiche tous les éléments. comment peut on faire du css ou js sur chaque élément un a un. Le fait qu'un seul bout de code avec un seul id se répète grâce a while mais retourne plusieurs éléments. Quelle indice utiliser si on veut styliser ou ajouter des actions à chaque éléments. Merci
j'ai déjà suivi une formation api, la ou on ne comprend pas et là tu l'a bien expliqué c'est la reponse et tu dis bien dans la deuxième repose2, dans la formation que j'ai suivi il n'explique pas il applique et ne développe pas, il y à bien 2 réponses 1 en json et l'autre traduite
Bonjour merci beaucoup pour ce tutoriel très intéressant, j'y suis car SOS sur une erreur 503 Fetch que je rencontre, pouvez-vous m'aider svp ? Et je ne vois pas votre code discord.
Très bon tuto dommage que tu n'expliques pas la méthode POST, mais j'ai bien compris pour la méthode GET, (j'ai regardé ta chaine elle me plait je me suis abonné :) ).
Merci, j'ai voulu expliqué le POST, mais j'ai pas trouvé d'API gratuite pour faire les test. Il aurai fallu le faire soi-même, et la vidéo aurait été trop longue, dans une prochaine vidéo peut-être
Saluuut Merci pour cette video, j'ai une question 2an apres je sais pas si tu la verra mais je tente quand meme : a 10min tu appelle le button qui a un id btn en js avec btn.onclick(). Comment ça se fait que js fait le lien avec l'id en HTML sans que tu aies besoin d'ecrire une const avec getElementById ? Merci !
Je sais c'est magique :) . En fait, les ids sont uniques, donc JS est assez intelligent pour comprendre qu'il faut chercher l'element en question dans le HTML s'il n'est pas dans le code. Apres c'est à eviter, car si quelqu'un repasse derriere ton code, il risque de ne pas comprendre d'ou vient cette variable.
c'est sympa , mais j'ai reproduis exactement ce que tu as fait pourtant ça ne marche et quand j'écris console.log('quelque chose') ça ne m'affiche jamais quelquechose . . .
Hello, tant que l'API ne demande pas de clé, ca marche, il se peut que l'API de youtube demande une clé, et dans ce cas, c'est un peu plus complexe, faudra ajouter un header en option dans le fetch contenant ta clé, mais je pense que tu peux trouver un tuto sur youtube pour ca
Salut, il n'y a pas grand interet à utiliser function ici, ça alourdit l'ecriture et la comprehension du code, les fonctions fléchées ont été créés pour cela, si tu veux plus d'info sur les fonctions, tu peux regarder cette video ruclips.net/video/ofSnF9CqZKE/видео.html
Le probleme c'est qu'il faut avoir une base de donnée sur laquelle pouvoir faire les test de POST/PUT/DELETE. Mais je vais surement faire une video sur comment utiliser FIREBASE, à ce moment on verra ces methodes
Petites coquilles (je suppose que tu les a vues mais au cas ou je précise) : * 3:50 : tu n'es pas sur le bon appel, tu es sur la récupération du fichier script, non sur l'appel à l'API qui est 2 lignes en dessous. D'où le fait que dans "response" tu ais du contenu, littéralement le contenu du script. * 4:57 : absolument rien à avoir avec le fait de mettre un ";" après un then(), tu peux mettre un ";" évidemment ! Il est juste optionnel en javascript ici car le saut à la ligne sert aussi de séparateur de commandes. Tu as juste oublié de fermer ton then().
Merci pour ton retour, il doit surement avoir d'autres coquilles, je les coupe pas toutes au montage sinon le tournage de la vidéo serait trop chronophage 👍
Avec les then, pas besoin d'utiliser await async, car ça renvoie un promesse automatiquement, c'est comme si await était déjà inclus. D'ou l'importance d'effectuer toutes ses taches dans les then.
@@coderlady_ Le await c'est pour récupérer en variable directement la première valeur retournée par une Promise. Exemple : en ayant une fonction bidon() { return new Promise((resolve, error) => resolve('foo')); } Soit tu fais bidon().then(a => console.debug(a)); /* a === 'foo' */ Soit tu fais var a = await bidon(); /* a === 'foo' */ Dépend de si tu peux attendre le retour de ta fonction de manière asynchrone (avec le then qui sera appelé comme une callback, plus tard, quand l'appel aura terminé) ou si tu veux absolument le résoudre de manière synchrone et que le reste de ta fonction appelante a besoin du résultat directement (avec await) mais ça implique que la fonction appelante soit elle aussi asynchrone (async function toto() { var a = await bidon(); }) donc elle même retournera une Promise, etc etc.
Merci, oui une vidéo complète est intéressant
Bonjour j'ai un souci avec fetch associée a la boucle while pour parcourir une table sql. Ca me retourne et affiche tous les éléments. comment peut on faire du css ou js sur chaque élément un a un. Le fait qu'un seul bout de code avec un seul id se répète grâce a while mais retourne plusieurs éléments. Quelle indice utiliser si on veut styliser ou ajouter des actions à chaque éléments. Merci
Continue on a besoin de toi
Merci!
Excellent, bien expliqué, je comprend mieux maintenant
Génial que cela a pu t'aider
Salut, chez moi ça ne fonctionne pas, "Uncaught (in promise) ReferenceError: output is not defined" ? Merci
Tu as bien l'élément output dans le html ? Car il ne le trouve pas
Merci bcp pour ce tuto très bien expliqué ! (Tu parles un peu vite parfois 😆). En tout cas je m’abonne :)
Oui désolé, quand je parme vite c'est que je vois que je suis à la bourre sur le temps que je me suis donnée sur la video 😓
Tu règles la vitesse de progression.
Tu n'a pas récupéré le champ et le button avec leurs id et pourtant le code a fonctionné ! comment ça ??
Merci beaucoup pour cette vidéo, Fetch js me cassait la tête. Donc merci encore.
Avec plaisir 😁
je me suis abonne... meilleure video...merci
Merci à toi 😊
tellement bien expliquée. Merci vraiment pour cette video
Merci à vous 😊
Excellentes explications!
Merci bien
Franchement tu me sauve la vie merci ! super tuto
Avec plaisir 😁
Mais c'est tellement clair, merci
Avec plaisir
Très bien expliqué, merci!
Avec plaisir
merci pour cette explication claire précise
Merci à vous
Merci pour le tuto c'est super bien expliqué!
Avec plaisir 😊
Merci pour ce tuto très clair !
Merci à vous 😊
Merci pour les explications
Avec plaisir
Merci vraiment bien expliqué 👍
De rien et merci
j'ai déjà suivi une formation api, la ou on ne comprend pas et là tu l'a bien expliqué c'est la reponse et tu dis bien dans la deuxième repose2, dans la formation que j'ai suivi il n'explique pas il applique et ne développe pas, il y à bien 2 réponses 1 en json et l'autre traduite
Merci pour ton retour
Bonne explication 👍
Merci ✌
Est-il facille de fetcher la base BAN pour avoir les adresses des code postaux ?
Il y a des script deja tout fait pour cela, par exemple celui ci : vicopo.selfbuild.fr/
Merci, l'idée est d'avoir les adresses complete et ce script peut le faire ? @@NadfriJS
Bonjour merci beaucoup pour ce tutoriel très intéressant, j'y suis car SOS sur une erreur 503 Fetch que je rencontre, pouvez-vous m'aider svp ? Et je ne vois pas votre code discord.
Salut, viens directement sur le discord et pose ta question dans la section backend
Très bon tuto dommage que tu n'expliques pas la méthode POST, mais j'ai bien compris pour la méthode GET, (j'ai regardé ta chaine elle me plait je me suis abonné :) ).
Merci, j'ai voulu expliqué le POST, mais j'ai pas trouvé d'API gratuite pour faire les test. Il aurai fallu le faire soi-même, et la vidéo aurait été trop longue, dans une prochaine vidéo peut-être
Merci beaucoup c'est super sympas de ta part
De rien et merci
Je vous remercie vraiment
Merci
Saluuut Merci pour cette video, j'ai une question 2an apres je sais pas si tu la verra mais je tente quand meme : a 10min tu appelle le button qui a un id btn en js avec btn.onclick(). Comment ça se fait que js fait le lien avec l'id en HTML sans que tu aies besoin d'ecrire une const avec getElementById ? Merci !
Je sais c'est magique :) . En fait, les ids sont uniques, donc JS est assez intelligent pour comprendre qu'il faut chercher l'element en question dans le HTML s'il n'est pas dans le code. Apres c'est à eviter, car si quelqu'un repasse derriere ton code, il risque de ne pas comprendre d'ou vient cette variable.
@@NadfriJS genial merci pour la reponse ! J'avais jamais vu.
c'est sympa , mais j'ai reproduis exactement ce que tu as fait pourtant ça ne marche et quand j'écris console.log('quelque chose') ça ne m'affiche jamais quelquechose . . .
salut, tu peux copier ton code ici
@@NadfriJS ah oui , c'est con , mais le problème c'était que je n'avais pas écrit un lien vers mon fichier javascript😂
@@aichetoumechry6957 C'est en trouvant la réponse à son problème par soi même qu'on évolue ;)
Merci pour tuto. pas compris l astuce du double reponse.
Tu peux venir sur mon discord pour en discuter
Bonne video 🧠 I agree ✅
Ca marche pareil avec l'API de youtube ?
Si je veux par exemple afficher ma dernière playlist youtube sur mon site web ?!...
Hello, tant que l'API ne demande pas de clé, ca marche, il se peut que l'API de youtube demande une clé, et dans ce cas, c'est un peu plus complexe, faudra ajouter un header en option dans le fetch contenant ta clé, mais je pense que tu peux trouver un tuto sur youtube pour ca
@@NadfriJS tu es un bon, je te remercie de ton retour, je sais comment orienter mes recherches maintenant 💎
merci encore pour cette video
Avec plaisir
Merci chef !
Avec plaisir
now i am in a good mood
Merci pour ce Tuto! Pourrais tu expliquer la première option avec function?
Salut, il n'y a pas grand interet à utiliser function ici, ça alourdit l'ecriture et la comprehension du code, les fonctions fléchées ont été créés pour cela, si tu veux plus d'info sur les fonctions, tu peux regarder cette video ruclips.net/video/ofSnF9CqZKE/видео.html
super merci, svp un exemple d'utilisation de fetch avec post. merci
Le probleme c'est qu'il faut avoir une base de donnée sur laquelle pouvoir faire les test de POST/PUT/DELETE. Mais je vais surement faire une video sur comment utiliser FIREBASE, à ce moment on verra ces methodes
Merci beaucoup
Avec plaisir
Petites coquilles (je suppose que tu les a vues mais au cas ou je précise) :
* 3:50 : tu n'es pas sur le bon appel, tu es sur la récupération du fichier script, non sur l'appel à l'API qui est 2 lignes en dessous. D'où le fait que dans "response" tu ais du contenu, littéralement le contenu du script.
* 4:57 : absolument rien à avoir avec le fait de mettre un ";" après un then(), tu peux mettre un ";" évidemment ! Il est juste optionnel en javascript ici car le saut à la ligne sert aussi de séparateur de commandes. Tu as juste oublié de fermer ton then().
Merci pour ton retour, il doit surement avoir d'autres coquilles, je les coupe pas toutes au montage sinon le tournage de la vidéo serait trop chronophage 👍
Merci
Limpide, mais ou est 'await' dans fetch ici?
Avec les then, pas besoin d'utiliser await async, car ça renvoie un promesse automatiquement, c'est comme si await était déjà inclus. D'ou l'importance d'effectuer toutes ses taches dans les then.
@@NadfriJS ok merci
@@coderlady_ Le await c'est pour récupérer en variable directement la première valeur retournée par une Promise.
Exemple : en ayant une fonction bidon() { return new Promise((resolve, error) => resolve('foo')); }
Soit tu fais bidon().then(a => console.debug(a)); /* a === 'foo' */
Soit tu fais var a = await bidon(); /* a === 'foo' */
Dépend de si tu peux attendre le retour de ta fonction de manière asynchrone (avec le then qui sera appelé comme une callback, plus tard, quand l'appel aura terminé) ou si tu veux absolument le résoudre de manière synchrone et que le reste de ta fonction appelante a besoin du résultat directement (avec await) mais ça implique que la fonction appelante soit elle aussi asynchrone (async function toto() { var a = await bidon(); }) donc elle même retournera une Promise, etc etc.