Afficher les boutons d'update et de delete uniquement à

Créer une application FullStack TypeScript avec Angular et NestJS

Introduction

Développement de notre première application NestJS

Création d'un module, d'un controller et d'un service (13:18)
Typage à l'aide d'une interface (4:49)
Gérer le POST d'un nouveau todo (9:42)
Récupérer un todo par son id (7:17)
Typage du body d'une requête POST à l'aide d'un DTO (9:42)
Update d'un todo existant (12:09)
Tests de l'update avec Postman (5:26)
Suppression d'un todo (8:51)

Les pîpes

Les interceptors

Les possibilités offertes par les interceptors (2:43)
Créer de notre premier interceptor (9:11)
Utiliser notre interceptor (5:30)
Implémenter la mesure de la durée d'exécution de la requête et de la réponse (3:11)
Créer un interceptor qui récupère les caractéristiques du client (10:04)
Enrichir un réponse HTTP (7:32)
Enrichir une réponse (second exemple) (7:33)
Interceptor qui filtre ou remplace une donnée entrante (6:40)

Les guards

Introduction aux guards (4:39)
Appliquer un guard à une méthode de notre controller (5:29)
Guard qui autorise uniquement un certain type de véhicule (3:03)
Récupérer dans le guard des meta-données portées par une méthode du controller (6:11)
Comparer les méta-données du controller et la donnée postée interceptée par le guard (3:42)
Créer un custom decorator chargéde fournir des méta-données (6:26)

Projet FullStack TypeScript : créer un CMS

Générer le projet NestJS (2:18)
Installer Mongoose (4:48)
Se connecter à MongoDB via Mongoose (6:00)
Ajouter config.ts à .gitignore (1:13)
Créer un schéma Mongoose pour la collection Articles (5:18)
Créer un nouvel Article en base avec Mongoose (9:01)
Ajouter un controller qui gère le POST d'un article (7:50)
Pointer vers une autre collection sur MongoDB Atlas (2:45)

Projet FullStack TypeScript : notre client Angular

Projet FullStack TypeScript : le module Angular Articles

Projet FullStack TypeScript de CMS : module d'administration

Créer un module Admin (7:31)
Créer un Reactive Form permettant de poster un article (8:27)
Poster un nouvel article vers le serveur NestJS (9:42)
Créer un modèle Article (2:01)
Getters permettant d'accéder aux erreurs de validation depuis le template (4:46)
L'extension VS Code Peacock (1:59)

Projet FullStack TypeScript de CMS : gestion des erreurs

Projet FullStack TypeScript de CMS : afficher les articles

Projet FullStack TypeScript de CMS : suppression d'articles

Méthode de suppression d'article (4:10)
Consommer la méthode de suppression (7:57)
Créer un route handler NestJS pour le verbe HTTP DELETE (5:08)
Afficher les messages d'attente ou d'erreur (3:57)
Rafraîchir la page après une suppression réussie (7:42)

Projet FullStack TypeScript de CMS : modification d'articles

Projet FullStack TypeScript de CMS : création d'utilisateurs

Projet FullStack TypeScript de CMS : modification d'articles (suite)

Projet FullStack TypeScript de CMS : authentifier un utilisateur

Créer le module Auth NestJS (5:28)
Implémenter la "local strategy" de Passport (9:56)
Vérification de tous les imports et exports (4:32)
Créer un route handler pour le POST vers la route de login + test postman (6:27)
Créer une JWT Strategy (8:00)
Retourner un token JWT si le login a réussi (9:05)
Tester la création et l'envoi d'un token en cas de login réussi (1:44)

Projet FullStack TypeScript de CMS : créer un utilisateur côté Angular

Projet FullStack TypeScript de CMS : loguer un utilisateur côté Angular

Contenu verrouillé

Si vous êtes déjà inscrit vous devrez vous connecter.