- Introduction
- Présentation
- Les clés du succès
- Ecosystème
- Single Page Application
- Versions
- Création d’une application
- Angular CLI
- Structure d’une application
- Composants : premiers pas
- Présentation
- Décorateur
- Sélecteur
- Template
- Styles
- Interpolation
- Liaison (binding) de propriété
- Invocation
- Composants : événements du DOM
- Présentation
- Outillage
- Directives
- Directives structurelles
- Directives d’attribut
- Control flow syntax
- Conditions: @if, @else-if, @else, @switch
- Boucle: @for
- Tour d'horizon modules Angular & composants standalone
- Présentation et intérêts modules
- Le présent et futur avec les composants standalone
- Composant : entrées et sorties
- Entrées (avec approche signaux)
- Sorties (avec approche signaux)
- Détection de changement
- Cycle de vie
- Composant : cycle de vie
- ngOnInit
- ngOnChanges
- ngOnDestroy
- Services : injection de dépendances et singleton
- Présentation
- Injection de dépendances
- Singleton
- Routing : tour d'horizon
- Présentation
- Router
- Routes
- router-outlet
- Navigation
- Routes hiérarchiques
- Redirection
Formation Angular - Les fondamentaux
Sélectionnez une session :
Choisissez une date pour pouvoir réserver !
Objectifs
Programme
- Comprendre ce qu’est une Single Page Application
- Comprendre les avantages d’Angular
- Concevoir une application Angular en TypeScript de façon autonome
- Structurer ses développements avec l’approche composants standalone (la notion modulaire, maintenant dépréciée est abordée)
- 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
- Pipe : tour d’horizon
- Présentation
- Pipes intégrés à Angular
- Créer ses propres pipes
- RxJS : programmation réactive
- Concept
- Présentation des observables
- Comparaison avec les promesses
- Création
- Abonnement
- Opérateurs
- Gestion d'erreurs
- Observable dans Angular
- Usages
- Subject
- BehaviorSubject
- ReplaySubject
- Communication basée sur les services
- Désabonnement
- AsyncPipe
- Communication HTTP client / serveur
- Communication HTTP : outillage DevTools
- Internationalisation / Localisation
- Localisation
- Internationalisation
- Approche native
- Approche ngx-translate
- Formulaire piloté par le template : tour d'horizon
- Présentation
- Contrôles
- Liaison de propriétés
- Soumission du formulaire
- Formulaire piloté par le template : validation et gestion d’erreurs
- Validation
- Gestion des erreurs
- Composant : interactions avec @ViewChild
- Variable locale
- Requête de vue avec @ViewChild et viewChild (signaux)
- Requête de vue avec @ViewChildren et viewChildren (signaux)
- Cycle de vie
- Composant : projection de contenu
- ng-content
- Requête de contenu avec @ContentChild et contentChild (signaux)
- Requête de contenu avec @ContentChildren et contentChildren (signaux)
- Cycle de vie
- Conclusion
Public visé
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.
Pour ceux qui souhaitent approfondir leurs connaissances, nous recommandons de suivre la formation Angular Avancé. Et, pour ceux qui veulent se familiariser davantage avec les langages sous-jacents peuvent commencer par la formation JavaScript / TypeScript, avant de suivre la formation Angular.
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
Modalités d'évaluation
En fin de formation, les participants reçoivent :
- une attestation de fin de formation,
- un certificat de réalisation,
- grille d'évaluation d'acquisition des compétences.
Informations complémentaires
Cette formation couvre-t-elle les dernières versions et les mises à jour d'Angular ?
Oui, cette formation est régulièrement mise à jour pour inclure les dernières versions et les mises à jour d'Angular, garantissant que vous apprenez les fonctionnalités et les pratiques les plus récentes.
Dois-je installer quelque chose sur mon ordinateur ?
Oui, avant de commencer la formation, vous devrez installer certains outils et logiciels sur votre ordinateur. Nous vous fournirons une liste des outils à installer à votre inscription, auquel cas, nous vous fournirons le logiciel pour la formation.
Choisissez une date pour pouvoir réserver !
Autres formations disponibles :
