Générer un composant Angular | codeconcept

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

Générer un composant Angular

Terminer et continuer

Discussion

2 commentaires