Deviens un PRO sur Angular en 4 heures (+ mes secrets de Lead Dev)

Accède aux ressources de la formation ci-dessous 👇
## Ressources
Repo GitHub Front : https://github.com/GaetanRouzies/prompt-hub-frontend
Repo GitHub Backend : https://github.com/GaetanRouzies/prompt-hub-backend

Refactoring Angular : https://refactoringangular.com?video=3llJm3LO1e4
Catalyseur Angular : https://catalyseurangular.com?video=3llJm3LO1e4
Angular Project Boost : https://angularprojectboost.com?video=3llJm3LO1e4

# Chapitres
00:00 Présentation de la formation

## Partie 1 - Présentation des concepts
01:43 Partie 1
02:05 Présentation d'Angular
07:32 Mise en place du projet
10:33 Présentation d'un projet Angular
17:00 Text Interpolation & Binding
21:30 Les Events
24:49 Two Way DataBinding
27:45 Le Control Flow
32:42 Les Signals (signal, computed, déclaratif)

## Partie 2 - Affichage des données
42:32 Partie 2
44:20 Notre premier composant (ng generate component)
48:10 Récupération des données avec le Swagger backend
52:30 Affichage des prompts
56:40 Bien découper ses composants (child component + input)
58:15 Utilisation de l'input / input.required

## Partie 3 - Librairie et UX/UI
01:05:20 Partie 3
01:06:15 Pourquoi utiliser une librairie
01:07:42 Présentation de PrimeNG, PrimeFlex et PrimeIcons
01:13:25 Installation de PrimeNG, PrimeFlex et PrimeIcons
01:16:25 Utilisation des composants de la librairie
01:24:05 La hiérarchie des boutons
01:26:00 Ajout d'une navbar
01:29:15 Comment Angular isole le CSS des composants
01:32:00 Utiliser une variable CSS du thème
01:32:55 Theming de PrimeNG (Custom Preset)
01:37:00 Dark Mode / Light Mode
01:41:55 L'importance d'une librairie, des classes CSS, de l'UX/UI
01:44:19 Mets un like et abonne-toi ;)

## Partie 4 - Requêtes aux backend (API REST)
01:45:40 Partie 4
01:46:40 Le concept de Service
01:49:10 Création du PromptService
01:51:40 Requêtes HTTP avec le HttpClient
01:53:30 Explication des Observables et du Subscribe()
01:56:40 Subscribe vs Pipe Async vs ToSignal
01:59:25 Environments (ng generate environments)
02:03:12 Chapitres gratuits (Refactoring Angular)

## Partie 5 - Formulaires et routes
02:03:49 Partie 5
02:05:30 Création du composant + Routing (router-outlet)
02:09:00 Notre premier formulaire HTML
02:13:20 Reactive Form (FormGroup, FormControl, formControlName)
02:19:15 GetRawValue + nonNullable
02:22:50 Validators et Gestion d'erreurs
02:28:30 markAllAsTouched + invalid-feedback
02:33:30 Formulaire d'Update + withComponentInputBinding
02:36:00 effect() + patchValue
02:41:50 Suppression d'un prompt

## Partie 6 - Authentification
02:47:08 Partie 6
02:48:02 Activer l'auth côté backend + Erreur 401
02:49:20 Formulaire de Connexion / Inscription
03:00:50 Explication du concept d'Authentification (cookie, token...)
03:04:20 AuthService (currrentUser, login, register)
03:10:00 Afficher l'utilisateur connecté
03:11:55 Envoyer le token avec un HttpInterceptor
03:15:40 canEdit (computed) + Déconnexion
03:20:00 Authentification initial avec le AppInitializer
03:23:23 Protéger nos routes avec un Guard

## Partie 7 - Finitions
03:26:52 Partie 7
03:28:40 Sauvegarder le DarkMode avec le localStorage
03:33:09 Upvote / Downvote et linkedSignal()
03:40:47 Feedbacks utilisateur (Toast Success, Error)
03:47:00 Observable next, error et complete
03:49:10 Afficher des spinners / loaders (+ delay())
04:00:37 Ce qu'on a mis en place + Mes conseils de Lead Dev
04:05:08 Aller plus loin et être un expert

Видео Deviens un PRO sur Angular en 4 heures (+ mes secrets de Lead Dev) канала Gaëtan Rouziès | Angular Lead