Strapi par la pratique
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Strapi par la pratique

Codeconcept
49,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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

Plan détaillé du cours

Chapitre 1 : Projet 1 - Création d'une API REST avec Strapi
1h16m
 
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
1h21m
 
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
1h29m
 
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
1h32m
 
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

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

Strapi 3.0.0-beta.20.2

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1337 tutos gratuits

Notre politique de protection des données