49,00

Tuto Strapi par la pratique avec JavaScript

49,00

  • Une formation vidéo de 5h39m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Strapi par la pratique

ajouter ce cours aux favoris retirer ce cours des favoris

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.

Table des matières de cette formation JavaScript (durée : 5h39m)

  • Projet 1 - Création d'une API REST avec Strapi
    • Présentation du projet gratuit 00:01:54
    • Génération d'un backend avec Strapi et ajout de permissions gratuit 00:07:01
    • Faire un GET vers notre backend Strapi 00:05:58
    • Rendu des données récupérées de Strapi 00:04:52
    • Tri des données requêtées par date 00:04:26
    • Formulaire d'ajout d'un nouvel aliment 00:09:29
    • Faire un POST vers notre backend Strapi 00:06:45
    • Créer un effet un effet de flash sur l'item dernièrement ajouté 00:11:13
    • Fix - Reset de notre flag 00:01:25
    • Affichage de dates au format français 00:04:47
    • Utiliser l'event delegation afin de récupérer l'id du parent d'éléments dynamiquement ajoutés 00:13:14
    • Faire un DELETE vers notre backend Strapi 00:05:51
  • Projet 2 - Créer un système d'authentification avec Strapi
    • Création du serveur Strapi et du client JavaScript gratuit 00:03:51
    • Formulaire de création d'un nouvel utilisateur 00:03:32
    • Création d'un utilisateur par Strapi et réception d'un token JWT par le client 00:10:27
    • Connexion d'un utilisateur en postant ses identifiants vers Strapi 00:11:48
    • Rôles et permissions 00:09:04
    • Passer un token JWT à une requête tentant d'accéder à des données protégées 00:09:51
    • Afficher le profil réservé aux utilisateurs authentifiés 00:05:44
    • Logout 00:03:31
    • Créer des fonctions utilitaires pour accéder aux messages protégés 00:10:44
    • Récupérer les messages et les afficher 00:12:28
  • Projet 3 - Gérer l'ulpload d'images avec Strapi
    • Génération du backend Strapi et du client JavaScript gratuit 00:04:49
    • Création d'un formulaire d'ajout d'annonce 00:07:01
    • Récupération de l'image choisie 00:06:17
    • Gestion des images dans Strapi 00:08:43
    • Poster l'annonce puis l'image associée à l'annonce nouvellement postée 00:17:51
    • Récupération de toutes les annonces 00:05:15
    • Rendu des annonces 00:07:42
    • Styliser les annonces 00:10:37
    • Exploration de l'architecture MVC de Strapi 00:09:31
    • Personnalisation d'un controller Strapi 00:08:20
    • Personnaliser un service Strapi 00:03:18
  • Projet 4 - Site de e-commerce illustrant la jointure entre deux collections Strapi
    • Serveur proposant deux collections avec une jointure gratuit 00:10:38
    • Création d'un client Angular qui va effectuer une requête vers notre serveur Strapi 00:19:55
    • Création d'un module Products et y accéder via lazy loading 00:07:51
    • Afficher les détails d'un Product 00:17:45
    • Utilisation d'Angular Material 00:14:48
    • Création d'un menu déroulant listant toutes les catégories de Strapi 00:13:14
    • Gestion des changements du menu déroulant pour filtrer les produits par catégorie 00:08:06



Formateur : Codeconcept

Codeconcept a publié 22 tutoriels et obtenu une note moyenne de 4,6/5 sur 247 tutoriels vendus. Voir les autres formations de Codeconcept

  • 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
Parcours Developpeur Front End
accédez à plus de 1304 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données