Strapi par la pratique
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
5h39
de formation
40
leçons vidéo
4
chapitres
Débutant
niveau requis
Codeconcept
Codeconcept
Formateur

Strapi par la pratique

4.7/5 Trustpilot (1394 avis) Satisfait ou remboursé
5h39
de formation
40
leçons vidéo
4
chapitres

Les développeurs Front et mobiles sont souvent frustrés par le temps passé à créer le backend de leur site ou de leur app mobile.
En effet, les fonctionnalités qui font la différence se situent côté client, pas côté serveur. Et pourtant, on ne peut faire l'économie du Backend. 

Strapi est un Headless CMS qui permet de diminuer considérablement le temps passé côté Back.
Ainsi, nous verrons ensemble dans cette formation en vidéo comment :

  • créer une API REST,
  • gérer les permissions en lecture / écriture,
  • authentifier des utilisateurs grâce à JWT,
  • et plein d'autres notions.

Au programme de ce tuto Strapi par la pratique

Ce cours propose une approche pratique de Strapi. 4 projets différents vous sont proposés :

  • la création d'une API Reste,
  • créer un système d'authentification,
  • gérer l'upload d'images,
  • un site e-commerce illustrant la jointure entre 2 collections Strapi.

Cette formation en ligne vous donnera en outre l'occasion de progresser en JavaScript en apprenant :

  • les façons modernes de créer des formulaires et de les gérer,
  • l'interaction avec le DOM,
  • l'event delegation afin de gérer plus simplement des events sur des éléments ajoutés dynamiquement.

Si vous n'aviez pas immédiatement vu l'intérêt des headless CMS mais êtes désormais prêt à prendre le train en marche afin de : créer rapidement des prototypes, réduire le temps consacré au backend dans le cadre d'un hackaton ou d'une création de startup ou d'un MVP, trouver une alternative à Firebase : alors ce cours Strapi est fait pour vous !

Essayer un headless CMS comme Strapi est une expérience qui vous permettra de réduire considérablement la durée de développement de vos projets pro ou perso.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Projet 1 - Création d'une API REST avec Strapi
Chapitre 2
Projet 2 - Créer un système d'authentification avec Strapi
Chapitre 3
Projet 3 - Gérer l'ulpload d'images avec Strapi
Chapitre 4
Projet 4 - Site de e-commerce illustrant la jointure entre deux collections Strapi

Table des matières

Chapitre 1 : Projet 1 - Création d'une API REST avec Strapi

1h16
 
Leçon 1Présentation du projet
Leçon 2Génération d'un backend avec Strapi et ajout de permissions
Leçon 3Faire un GET vers notre backend Strapi
Leçon 4Rendu des données récupérées de Strapi
Leçon 5Tri des données requêtées par date
Leçon 6Formulaire d'ajout d'un nouvel aliment
Leçon 7Faire un POST vers notre backend Strapi
Leçon 8Créer un effet un effet de flash sur l'item dernièrement ajouté
Leçon 9Fix - Reset de notre flag
Leçon 10Affichage de dates au format français
Leçon 11Utiliser l'event delegation afin de récupérer l'id du parent d'éléments dynamiquement ajoutés
Leçon 12Faire un DELETE vers notre backend Strapi

Chapitre 2 : Projet 2 - Créer un système d'authentification avec Strapi

1h21
 
Leçon 1Création du serveur Strapi et du client JavaScript
Leçon 2Formulaire de création d'un nouvel utilisateur
Leçon 3Création d'un utilisateur par Strapi et réception d'un token JWT par le client
Leçon 4Connexion d'un utilisateur en postant ses identifiants vers Strapi
Leçon 5Rôles et permissions
Leçon 6Passer un token JWT à une requête tentant d'accéder à des données protégées
Leçon 7Afficher le profil réservé aux utilisateurs authentifiés
Leçon 8Logout
Leçon 9Créer des fonctions utilitaires pour accéder aux messages protégés
Leçon 10Récupérer les messages et les afficher

Chapitre 3 : Projet 3 - Gérer l'ulpload d'images avec Strapi

1h29
 
Leçon 1Génération du backend Strapi et du client JavaScript
Leçon 2Création d'un formulaire d'ajout d'annonce
Leçon 3Récupération de l'image choisie
Leçon 4Gestion des images dans Strapi
Leçon 5Poster l'annonce puis l'image associée à l'annonce nouvellement postée
Leçon 6Récupération de toutes les annonces
Leçon 7Rendu des annonces
Leçon 8Styliser les annonces
Leçon 9Exploration de l'architecture MVC de Strapi
Leçon 10Personnalisation d'un controller Strapi
Leçon 11Personnaliser un service Strapi

Chapitre 4 : Projet 4 - Site de e-commerce illustrant la jointure entre deux collections Strapi

1h32
 
Leçon 1Serveur proposant deux collections avec une jointure
Leçon 2Création d'un client Angular qui va effectuer une requête vers notre serveur Strapi
Leçon 3Création d'un module Products et y accéder via lazy loading
Leçon 4Afficher les détails d'un Product
Leçon 5Utilisation d'Angular Material
Leçon 6Création d'un menu déroulant listant toutes les catégories de Strapi
Leçon 7Gestion des changements du menu déroulant pour filtrer les produits par catégorie

Aperçus

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
48,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
5h39 de vidéo • 4 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 784 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.7/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 1426 tutos gratuits

Notre politique de protection des données