Fetch API pour les nuls en 10 minutes

Cours OFFERT sur JavaScript : codelynx.dev/b...
▶ VIDÉO
Découvrez rapidement comment utiliser la Fetch API pour interagir avec des données JSON. Dans cette vidéo de 10 minutes, nous couvrons les méthodes essentielles : GET pour récupérer des données, POST pour en envoyer, PUT pour les mettre à jour, et DELETE pour les supprimer. Optimisez vos compétences en développement web en comprenant les fondamentaux de la Fetch API.
▶ ME SUIVRE
🐦 Mon Twitter : / melvynxdev
🖥 Mon GitHub : github.com/Mel...
📑 Mon Blog : codelynx.dev
Le club du développeur secret codelynx.dev/club
Cours GRATUIT sur useState : codelynx.dev/b...
Cours GRATUIT sur NextJS : codelynx.dev/n...
Cours GRATUIT sur JavaScript : codelynx.dev/b...
#javascript #developper #react #reactjs #reactjstutorial #reactjsdeveloper #reactjscourse #reactjsforbeginners #reactjsproject #javascripttutorials #javascripttutorialforbeginners

[@contuyves3860]

Bonjour Melvynx, Ta vidéo est super claire. Mais comment puis-je faire si mon API me demande un token ?

[@melvynxdev]

hello, il faut envoyer dans authorization

[@sediknaili456]

merci bcp pour le tuto je suis en reconversion pro j’arrive à assimiler très méthodique je voudrai une aide pour parameter l’api du logiciel Mindee avec le logiciel d’automatisation make avec le module http pour parser le pdf et extraire de la donnée je galère

[@melvynxdev]

Hello, je suis pas sûr de pouvoir t'aider

[@potentielisis8991]

Mec, il faut faire des vidéos plus longues de ce type. Merci

[@melvynxdev]

merci beaucoup c'est une bonne idée !

[@lionellesiyapdje9273]

Bonjour, Faut il etre connecté pour faire un fetch à un serveur local ?

[@melvynxdev]

non

[@supercoolninja]

ça serais cool si tu pouvais faire une vidéo détaillante avec le fonctionnement des headers et de la sécurité. pour créer un projet backend sécurisé.

[@melvynxdev]

Ah oui bonne idée

[@nessa-2698]

depuis que je te suis, je comprends mieux mes cours. merci pour toutes ses vidéos :)

[@melvynxdev]

merci ça fait plaisir

[@bixive2525]

Tres bonne video, tres claire J'avais un soucis, et bien je n'en ai quasiment plus Comment fais tu pour parametrer un serveur pour qu'il accepte les request POST?

[@melvynxdev]

ça dépend quel techno tu utilises !

[@0x_conspi]

Tu es tellement beau

[@melvynxdev]

toi aussi

[@qenimar]

Tout est claire Melvynx, Gros bravo !! J'ai appris..

[@melvynxdev]

génial !

[@purskunk]

Portocol, et le fameux fullyfied, fulfilled s'est pris un aller-retour, le pauvre n'avait rien demandé 😂 Merci pour les explications c'est clair et précis.

[@melvynxdev]

Haha, merci à toi !

[@729Magenta]

Très bien, ça m'a permis de capter des trucs !

[@melvynxdev]

merci trop cool !

[@jeanchristophegomis4650]

Cool!

[@melvynxdev]

yeah merci !

[@yvannguekam9772]

trop cool merci melvyn je comprend beaucoup mieu l'Api avec le fetch

[@melvynxdev]

merci à toi !

[@HELBOYS]

top superbe vidéo merci

[@melvynxdev]

trop cool !

[@kilvanszime9001]

ya bro ta vid suit thanks 😆😆😆👌🤙

[@melvynxdev]

You are welcome !

[@qcmira2024]

Super vidéo très claire , merci !

[@melvynxdev]

merci à toi !

[@uka87786]

Merci pour ces astuces

[@melvynxdev]

merci à toi !

[@lilmoss16]

Une vidéo approfondie ce serait trop bien 😍

[@melvynxdev]

approfondie CàD ?

[@PierreSchinko]

Tu aurais du nommer cette vidéo "Fetch API pour les nuls". j'adore 👍

[@melvynxdev]

ok je test 😂

[@gilesshadow8995]

depuis quelque jours je foire mon code et j'ai toujours l'erreur 429 avec l'Api que j'ai utilisé et dans la console m'inque que l'erreur vient de l'implémentation de mon code fetch je ne sais plus comment m'y prendre

[@melvynxdev]

des exemples ?

[@gilesshadow8995]

@@melvynxdev voilà un peu le fetch selon mon code : // Send POST request to API, get response and set the reponse as paragraph text fetch(API_URL, requestOptions).then(res => res.json()).then(data => { messageElement.textContent = data.choices[0].message.content.trim(); }).catch(() => { messageElement.classList.add("error"); messageElement.textContent = "Oops! Something went wrong. Please try again."; }).finally(() => chatbox.scrollTo(0, chatbox.scrollHeight));