-
Introduction
- Single Page Application
- Philosophie
- Avantages d’Angular
- Historique
-
Création d’une application
- Angular CLI
- Structure et architecture d’une application
- Outil : DevTools pour l’inspection du DOM et debugger son code
-
Composants : premiers pas
- Structure
- Interpolation
- Liaison de propriété
- Composants : événements du DOM
-
Directives intégrées à Angular
- Catégories de directives
- ngIf
- ngFor
- ngSwitch
- ngClass
- Modules Angular : premiers pas
-
Composants et directives : approfondissement
- Entrée
- Sortie
- Détection de changement
- Cycle de vie
-
Services
- Présentation
- Injection de dépendances
Formation Angular - Les fondamentaux
Description formation Angular
Angular est un framework open source développé par Google, basé sur TypeScript et les technologies standards du web, permettant de créer des applications web dynamiques et complexes.
Angular simplifie le processus de développement en fournissant une structure robuste, des fonctionnalités avancées et des outils pour créer des Single Page Application évolutives et maintenables qui en font un choix privilégié pour les projets d’entreprise.
Cette formation a pour objectif de permettre à des développeurs de découvrir et mettre en application les concepts fondamentaux pour développer des applications web dynamiques de qualité.
La formation s’appuie sur des éléments théoriques essentiels, des démonstrations et des quiz interactifs qui s’articulent autour du développement itératif d’une application web permettant d’illustrer des cas concrets, issus d’applications en production.
Pour qui ?
Cette formation s'adresse à tous les niveaux de développeurs JavaScript et/ou TypeScript souhaitant se former sur le développement d'applications web riches et modernes.
Prérequis
- Connaissance de base sur les concepts de programmation
- Connaissance de bases des technologies web (HTML, CSS, HTTP)
- Connaissance élémentaire de JavaScript et de TypeScript
Objectifs pédagogiques
- Comprendre ce qu’est une Single Page Application
- Comprendre les avantages d’Angular
- Concevoir une application Angular en TypeScript de façon autonome
- Structurer et modulariser ses développements
- Connaître les bonnes pratiques de développement pour écrire un code lisible et maintenable
- Appréhender les concepts de programmation réactive
- Mettre en place de la navigation
- Savoir développer des formulaires riches
- Échanger des données avec un serveur
- Connaître les différents outils de l’écosystème
- Déterminer les concepts avancés du framework Angular
Programme formation Angular
-
Routing : premiers pas
- Présentation
- Router et routes
- Composant
- URL dynamique
-
Pipes
- Présentation
- Pipes intégrés à Angular
-
Observables
- Présentation
- Comparaison avec les promesses
- Opérateurs
- Subject
- BehaviorSubject
- Souscription et désinscription
-
Communication client / serveur
- Client HTTP
- Service HTTP
- Onglet réseau des DevTools
-
Internationalisation
- Bibliothèque ngx-translate
- Alternative intégrée à Angular
-
Formulaire piloté par le template
- Présentation
- ngModel
- Liaison bi-directionnelle
- Variable locale
- Validation
- Gestion des erreurs
- Composants : communication avec @ViewChild
- Composants : projection de contenu
- Conclusion
Modalités d'accueil
Formation(s) liée(s)
JavaScript / TypeScript
DevelopAméliorez vos compétences en JavaScript / TypeScript avec l’aide de nos experts !