Autoplay
Autocomplete
Vidéo précédente
Terminer et continuer
Angular 4, Node.js et JWT par la pratique
Angular CLI
Initialiser un nouveau projet à l'aide de Angular CLI (5:35)
Structure du projet Angular généré par Angular CLI (4:42)
Générer un composant Angular (5:06)
Importer le module HttpModule ou HttpClientModule
Créer la partie Frontend avec Angular 4
Effectuer une requête Ajax à l'aide de RxJS (9:52)
Intégrer (twitter) bootstrap (3:41)
Créer le service job-service (9:45)
Créer le modèle d'un formulaire de type 'reactive forms' (7:59)
Créer la vue d'un formulaire de type 'reactive forms' (11:49)
Générer un menu déroulant (5:56)
Générer des boutons radio (13:23)
Gérer les dates à l'aide de date-fns et créer le pipe 'daysAgo' (8:42)
Utiliser un input de type date (2:13)
Faire communiquer des composants frères à l'aide d'un Subject RxJS (12:41)
Créer un panel à l'aide de (twitter) bootstrap (5:39)
Le routage côté Frontend
Mettre en oeuvre le routage (6:58)
Créer un menu de navigation (6:49)
Afficher les données existantes et ajoutées (11:10)
Créer un backend Node et interagir avec un client Angular
Créer une API REST avec Express.js (10:01)
Envoyer un tableau d'objets via notre API REST (4:17)
Créer un middleware autorisant l'accès de notre API à tous les clients (5:24)
Gérer le POST (11:50)
Gérer le POST (suite) (6:16)
Vider un formulaire après soumission (1:29)
Créer une route comportant un paramètre permettant un GET par id (6:19)
Créer un lien dynamique (3:29)
Gérer les requêtes visant à obtenir le détail d'un objet (11:08)
Créer le pipe toShortDate (9:42)
Créer une page de détails (6:53)
Créer un pipe de formatage de monnaie (4:49)
Implémenter la recherche en Node et Angular
Implémenter la recherche côté serveur (10:02)
Implémenter la recherche côté client (11:25)
Afficher les résultats de recherche à l'aide d'un subject RxJS (8:03)
Désactiver le bouton de soumission du formulaire de recherche (1:47)
Implémenter un système de création de comptes et de login à l'aide de JWT
Créer le composant ''authentication' (8:54)
Gérer le login côté Frontend et Backend (12:38)
Générer un token JWT (7:58)
Persister le token reçu du serveur dans localStorage (5:39)
Afficher une vue spécifique à l'état "authentifié" (6:19)
Gérer la déconnexion (le logout) (5:52)
Créer le composant 'register' (9:15)
Création du nouvel utilisateur côté Backend et Frontend (9:06)
Décoder le token et l'afficher dans la page de profil (13:27)
Corriger l'authentification vérifiée sur notre fakeUser + divers (8:24)
Générer un 'claim' de type 'role' qui varie en fonction des privilèges (5:32)
Afficher du contenu différent en fonction du rôle décodé depuis le token JWT (5:22)
Gérer l'accès à des ressources protégées à l'aide de JWT
Créer un middleware permettant de récupérer un Header de type Authorization (9:31)
Afficher le formulaire d'ajout d'annonces uniquement aux utilisateurs connectés (7:22)
Envoyer un Authorization Header depuis un client Angular (15:20)
Vérifier le token côté serveur (9:52)
Enrichir la page de profil
Afficher le pseudo de l'utilisateur (2:48)
Récupérer les annonces passées par un utilisateur de base (12:48)
Récupérer toutes les annonces lorsque l'on est logué en tant qu'admin (3:23)
Afficher les annonces passées par l'utilisateur connecté (8:21)
Créer un pipe qui tronquera les descriptions trop longues (9:55)
Dernière mise à jour : jeudi 29 juin 2017
Structure du projet Angular généré par Angular CLI
Terminer et continuer
Discussion
0
commentaires
Voir plus
0 commentaires