Autoplay
Autocomplete
Vidéo précédente
Terminer et continuer
Créer une application FullStack TypeScript avec Angular et NestJS
Introduction
Présentation de NestJS (4:41)
Architecture d'une application NestJS (17:15)
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
Créer notre premier custom pipe (11:31)
Pipe qui transforme un objet posté (7:26)
Pipe qui transforme un paramètre de string en number (8:38)
Pipe qui enrichit le body d'un objet posté (12:20)
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
Générer un client Angular (3:59)
Utiliser un template bootstrap (13:26)
Ajuster la mise en page (7:43)
Ajouter les classes ccs manquantes (1:28)
Projet FullStack TypeScript : le module Angular Articles
Implémenter le lazy loading (8:33)
Faire une requête GET de tous les articles (6:34)
Autoriser le CORS et afficher les articles récupérés (5:52)
Liens permettant le routage de type SPA (2:27)
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
Validation de formulaire (9:31)
Gérer les erreurs de création d'article (8:13)
Projet FullStack TypeScript de CMS : afficher les articles
Créer un interceptor NestJS qui ajoute au body un auteur d'article (8:54)
Afficher un liste de résumés d'articles (8:39)
Ordonner les articles par date de création côté serveur (2:00)
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
Gérer les requêtes HTTP PUT côté serveur NestJS (11:01)
Modifier un article depuis le client Angular (9:26)
Projet FullStack TypeScript de CMS : création d'utilisateurs
Création d'un module users NestJS (5:49)
Créer un utilisateur dans MongoDB via Mongoose (8:43)
Tester la création d'un utilisateur avec Postman (3:57)
Projet FullStack TypeScript de CMS : modification d'articles (suite)
Ajout d'une méthode de modification à notre service Angular (6:41)
Passer du mode lecture au mode modification (7:11)
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
Créer un module d'authentification et le loader en lazy-loading (5:03)
Créer un formulaire d'inscription (11:39)
Effectuer un POST vers NestJS pour créer un nouvel utilisateur (7:21)
Projet FullStack TypeScript de CMS : loguer un utilisateur côté Angular
Créer un component de login et créer sa route (1:43)
Loguer un utilisateur et recevoir un token JWT en réponse (10:58)
Persister le token JWT dans localStorage (5:02)
Décoder le token JWT (12:04)
Afficher les boutons d'update et de delete uniquement à l'administrateur (2:55)
Si vous aimez cette formation ...
Dernière mise à jour vendredi 18 octobre 2019
Créer notre premier custom pipe
Contenu verrouillé
Si vous êtes déjà inscrit
vous devrez vous connecter
.
S'inscrire à la formation pour déverrouiller