Angular

Objectifs

• Comprendre Angular.
• Connaître sa structure et les fondamentaux.
• Maïtriser le databinding et les templates.
• Savoir utiliser les directives et les pipes.
• Savoir faire de l'injection de dépendances.
• Utiliser des formulaires

Programme de la formation

• Introduction à la formation Angular.
• Présentation générale et objectifs de cette formation Angular.
• Décryptage de la philosophie voulue par Google.
• Les apports d'Angular dans le monde du développement web.
• Versionning : d'AngularJS à Angular.
• Le langage TypeScript, Babel et les versions standardisées de JavaScript (EcmaScript 2015, ES7, ES2018…).
• Comprendre la notion de Web components du W3C (custom elements, shadow DOM, HTML templates et imports).

• Premiers pas : comprendre la structure du framework.
• Concepts fondamentaux et vue d'ensemble de l'architecture : composants, services, vues.
• Comment est organisée une application Angular.
• Organisation du code avec les modules : les conteneurs NgModules et l'encapsulation Templates, les nouvelles syntaxes.
• Fonctionnement du datablinding pour gérer les données dynamiques. Rôles des pipes et directives.
• Principes de l'injection de dépendances avec Angular.
• Les packages à installer, les nouvelles fonctionnalités d'Angular CLI et l'intérêt de Webpack.

• Composants, templates et liaison de données (databinding).
• Cycle de vie et structure des Angular components.
• Démarrer un projet et créer une hiérarchie de composants.
• Les mécanismes d'interaction entre composants.
• Annotations et décorateurs, leurs différences et propriétés.

• Directives et pipes.
• Directives structurelles (ngFor, ngln et les ngSwitch).
• Directive par attribut (ngModel, ngStyle, ngClass…).
• Construire ses propres directives.
• Utiliser les pipes natifs (DatePipe, UpperCasePipe, CurrencyPipe…).

• Services et injection de dépendances.
• Retour sur le système d'injection de dépendances.
• Créer un service basique.
• Les injecteurs et instances dans Angular.
• Enregistrer un service : les différences options.

• Autres.
  • Formulaires.
  • Les observables et la bibliothèque RxJS.
  • Routing et navigation.
  • Tests.
  • Progressive Web Apps, Service Workets, Schematics : nouveautés Angular concept

    Validation et sanction

    Cette formation Angular, la dernière version du framework Java développé par Google vous permettra d'optimiser le développement de vos applications web. Au cours de cette formation Napsia, l'accent sera mis sur les travaux pratiques et les retours d'expérience.

    Type de formation

    Non certifiante

    Sortie

    Sans niveau spécifique