Développez des applications dynamiques et interactives

Objectifs

• Comprendre les fondements d'Angular et structurer un projet Angular.


• Créer et paramétrer des composants avec les notions de binding, @Input et @Output.


• Utiliser les directives, pipes, et personnaliser les styles des composants.


• Structurer la logique métier avec des services, gérer les appels API avec HttpClient.


• Gérer les données asynchrones avec RxJS, les Observables, et les Subjects.


• Concevoir un projet Angular cohérent et fonctionnel intégrant les bonnes pratiques.

Programme de la formation

1. Introduction à Angular

• Présentation générale d'Angular


• Raison d'être des frameworks frontend


• Présentation du projet fil rouge

2. Mise en place du projet

• Création d'un projet Angular vierge


• Analyse de la structure d'une application Angular

3. Les composants

• Création et utilisation d'un premier composant


• Binding, expressions et événements

4. Directives Angular

• Utilisation des directives de structure (*ngIf, *ngFor)


• Inputs pour paramétrer les composants


• Outputs pour gérer les événements enfants ? parents


• Mise en pratique avec cas d'usage

5. Styles et Pipes

• Personnalisation des styles CSS


• Introduction aux Pipes


• Création et utilisation de Pipes personnalisés

6. Réutilisabilité et factorisation

• Création de directives personnalisées


• Factorisation de comportements communs

7. Services et communication

• Création de services


• Injection de dépendances


• Introduction aux Observables avec RxJS

8. Gestion des données

• RxJS : opérateurs de base et avancés


• Subjects et comportements réactifs


• Création d'un composant de recherche avec autocomplétion


• Utilisation de HttpClient pour les requêtes API


• Utilisation du async pipe

9. Synthèse et conclusion

• Résumé des apprentissages


• Bonnes pratiques de développement Angular


• Perspectives et évolution des compétences

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique