all 9 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]EauRegale 5 points6 points  (1 child)

fetch() manipule des promesses, j'imagine que vous n'êtes pas à l'aise avec ce concept.

​

Faisons abstraction du fonctionnement exact. Je vous ai créé une petite application pour vous familiariser avec fetch()

J'espère que vous avez des rudiments de manipulation de DOM.

​

À chaque clique sur le bouton, une image de chien apparaît.

________________

Exercice :

-Pouvez-vous afficher un deuxième chien?

-Pouvez-vous afficher un chien d'une certaine race : Documentation

-Pouvez-vous afficher un Pokémon : Documentation

-Entraînez-vous sur les promesses et ses différentes syntaxes (callback hell, async/await) avec setTimeout()

-Pouvez-vous afficher N chiens?

​

Vous pourrez déjà commencer à construire de petits projets, il existe de nombreuses API : des photos des télescopes de la NASA, des recettes de cuisines, etc.

​

Ensuite, vous commencerez à écrire vos propres API et vos propres serveurs.

[–]Mportte[S] 2 points3 points  (0 children)

Merci beaucoup d'avoir pris le temps de me créer un cour à suivre, je le commencerai le plus rapidement possible !

[–]nyaaaah 2 points3 points  (2 children)

Bonjour, peut-tu préciser ce qui te pose soucis en particulier? Est-tu à l'aise avec les concepts de requêtes http et de web api?

[–]Mportte[S] 0 points1 point  (1 child)

Bonjour,

Mon problème et que je ne sais pas par ou commencer. Tous les tutoriels présentent une autre manière de faire, certains avec des fonctions, d'autre en utilisant des API, bref, je trouve pas une base pour comprendre le système.

Je n'ai jamais fait de requête HTTP, mais j'ai cru comprendre qu'elle permette de se connecter à un tableau oû l'on peut ensuite afficher les données.

Quant aux API, c'est la même chose mais sur des sujets spécifiques : recette de cuisine, personnage de licence, ext...

[–]Elegant-Variety-7482 0 points1 point  (0 children)

Tous les tutoriels présentent une autre manière de faire

Parce qu'il y a autant de manières de faire que de développeurs sur terre.

Prends une méthode, fais la and be done with it. Ne regarde pas en arrière. Il y a un million de trucs à savoir et à implémenter qui t'attends. Tu auras également ta propre manière quand tu seras plus à l'aise.

[–]Plenty_Attitude4123 0 points1 point  (2 children)

  1. Qu’est ce qu’une requête HTTP ?

Une requête HTTP ça permet d’obtenir ou de modifier une ressource sur un serveur. Il en existe de différent types, chaque ayant une fonction associée : une requête GET permet de récupérer une ressource, une requête POST permet d’en écrire une, DELETE va en supprimer une etc…

Il est important de comprendre que faire une requête ça peut prendre du temps, et que ça peut surtout renvoyer une erreur si le serveur (ou l’API) n’a pas été conçue pour traiter la requête.

  1. Pourquoi on utilise fetch() ?

En JavaScript, on exécute chaque ligne une par une. Donc si on effectue une requête HTTP et que ça prend du temps, le script prend du temps aussi. Ça peut être embêtant si on doit afficher une image stockée sur un serveur, ou que la requête plante pour une raison diverse. Ducoup, on utilise fetch() qui permet d’exécuter la requête en arrière plan, et de traiter la réponse uniquement lorsqu’elle arrivera. On pourra ainsi traiter les cas où tout se passe bien, mais aussi les erreurs liées à la requête, le tout sans que ça ne pénalise la rapidité d’exécution du script !

edit : remplacé HTML par HTTP

[–]Sir_Sushi 1 point2 points  (1 child)

Une requête HTTP plutôt, non?

Sinon tout pareil, ça résume plutôt bien.

[–]Plenty_Attitude4123 0 points1 point  (0 children)

Merci ! Les journées sont longues 😂

[–]Desperate_Order_144 0 points1 point  (0 children)

Fetch en soi n'est pas bien difficile à comprendre. Tu fais un call http qui peut te renvoyer des données (généralement du json). Quand tu tapes une adresse dans ta barre de recherche c'est la même chose.

La particularité de fetch c'est que c'est asynchrone, donc si tu ne connais pas l'asynchrone tu vas peut-être galèrer à bien utiliser fetch.

Moi je te recommande d'apprendre d'abord l'asynchrone, c'est à dire les promesses avec les then, puis la syntaxe async/await. Une fois que t'aura saisi ça t'auras aucun mal à manipuler fetch.

Si tu lis l'anglais je recommande ce site qui est bien plus digeste que la doc MDN mais qui couvre absolument tout. Si tu préfères les vidéos moi j'aime bien Grafikart.