Developpez des applications dynamiques et interactives

MyRH

Non finançable CPF
Tout public
En ligne
Public admis
Salarié en poste
Demandeur d'emploi
Entreprise
Etudiant
Prix
Nous contacter
Durée
Nous contacter
Localité
En ligne
Vous pouvez suivre cette formation depuis chez vous ou depuis n’importe quel endroit à distance.
En savoir plus sur les localités en présentiel
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
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
Haut de page