API REST : Côté FrontEnd
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
3h37
de formation
42
leçons vidéo
7
chapitres
Intermédiaire
niveau requis
Carl Brison
Carl Brison
Formateur certifié

API REST : Côté FrontEnd

4.8/5 Trustpilot (1385 avis) Satisfait ou remboursé
3h37
de formation
42
leçons vidéo
7
chapitres

Dans ce tuto en vidéo nous allons apprendre à utiliser une API Rest en tant que développeur FrontEnd.
Pour cela, nous allons utiliser l'API Rest que nous avons créée dans le tuto API Rest côté Backend. Vous n'êtes pas obligé d'avoir suivi ce cours. Ici, l'idée est d'apprendre à utiliser une API quelle qu'elle soit !
 

Au programme de ce tuto comment utiliser une API Rest, côté FrontEnd ?

Dans cette formation, nous allons utiliser le langage JavaScript. Je vous propose d'ailleurs une version moderne du JavaScript pour converser avec les données JSON.
Nous allons ainsi pouvoir interagir avec l'API Rest mise à notre disposition. Nous y développerons le CRUD (Create, Read, Update et Delete), c'est à dire que nous pourrons manipuler à distance une base de données via l'API !

Nous allons ainsi pouvoir :

  • Lire l'ensemble des données issue de la base de données de l'API.
  • Lire une donnée particulière,
  • Insérer des données,
  • Modifier des données,
  • Supprimer des données.

Pour suivre ce tutoriel dans de bonnes conditions, je vous recommande ma formation sur les bases d'une API Rest.
A la fin de cette formation en ligne, vous pourrez valider vos connaissances en passant un QCM. 

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions. 
Bon tuto ! 
 

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Affichage de tous les tutos
Chapitre 3
Affichage d'un seul tuto
Chapitre 4
Création d'un tuto
Chapitre 5
Modification d'un tuto
Chapitre 6
Suppression d'un tuto
Chapitre 7
Conclusion

Table des matières

Chapitre 1 : Introduction

27m40
 
Leçon 1Présentation du job
Leçon 2Présentation des codes JavaScript
Leçon 3Application des codes JavaScript 1/2
Leçon 4Application des codes JavaScript 2/2

Chapitre 2 : Affichage de tous les tutos

40m47
 
Leçon 1Ecriture du code HTML
Leçon 2Ecriture du code CSS
Leçon 3Ecriture du code JavaScript 1/3
Leçon 4Ecriture du code JavaScript 2/3
Leçon 5Ecriture du code JavaScript 3/3
Leçon 6Petite parenthèse
Leçon 7Mise en place d'un loading

Chapitre 3 : Affichage d'un seul tuto

31m11
 
Leçon 1Présentation
Leçon 2Passage de variables
Leçon 3Ecriture du HTML et du CSS
Leçon 4Ecriture du JavaScript
Leçon 5On sécurise la variable
Leçon 6On réécrit les URLs

Chapitre 4 : Création d'un tuto

1h02
 
Leçon 1Présentation
Leçon 2Ecriture du JavaScript
Leçon 3Vérification sur la console
Leçon 4Test des possibilités sur la console
Leçon 5Ecriture du formulaire HTML
Leçon 6Ecriture du CSS
Leçon 7Conditionnement de l'appel au JavaScript
Leçon 8Passage des variables
Leçon 9Amélioration CSS
Leçon 10Finalisation du script
Leçon 11Gérer les insertions

Chapitre 5 : Modification d'un tuto

31m05
 
Leçon 1Mise en place des bases
Leçon 2Vérification dans la console
Leçon 3Mise en place du formulaire
Leçon 4Affichage des infos dans le formulaire de modification
Leçon 5On réécrit les URLs
Leçon 6Finalisation du script 1/2
Leçon 7Finalisation du script 2/2

Chapitre 6 : Suppression d'un tuto

21m38
 
Leçon 1Mise en place des bases
Leçon 2Vérification dans la console
Leçon 3Mise en place du formulaire
Leçon 4Finalisation du script 1/2
Leçon 5Finalisation du script 2/2

Chapitre 7 : Conclusion

02m29
 
Leçon 1Conclusion
Leçon 2Ce que contient le dossier zip

Avis des apprenants

Détail des avis
108
Apprenants
2
Commentaires
5/5
Note moyenne
5/5
2
4/5
0
3/5
0
2/5
0
1/5
0
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 07/01/2024
Parfait et très intéressant cette partie sur ApiRest Frontend , cela complète et permet de bien comprendre la partie API Rest Backend . La progression et la pédagogie est toujours aussi top . Merci beaucoup de la qualité de vos tutos . Didier
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Didier ;-)
Elisabeth Pluquet
Elisabeth Pluquet
Publié le 14/02/2023
J'ai adoré, merci :) Je pars avec l'impression que c'est hyper simple :)
Carl Brison
Carl Brison
Merci pour votre commentaire ;-)

Vos questions sur le cours

Que contient le fichier source ?

Le code source du tuto

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
38,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
3h37 de vidéo • 7 chapitres
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 758 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1422 tutos gratuits

Notre politique de protection des données