API REST : Côté FrontEnd
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO API REST : Côté FrontEnd

Carl Brison
39,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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

Plan détaillé du cours

Chapitre 1 : Introduction
27m40s
 
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
40m47s
 
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
31m11s
 
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
1h02m
 
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
31m05s
 
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
21m38s
 
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
02m29s
 
Leçon 1Conclusion
Leçon 2Ce que contient le dossier zip

Avis des apprenants

Détail des avis
8
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

Avec quelle version de logiciel ce tuto est-il compatible ?

JavaScript

Que contient le fichier source ?

Le code source du tuto

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Attendez ! 🤗

Accédez à plus de 1334 tutos gratuits

Notre politique de protection des données