Organisme de Formation aux technologies et métiers de L'informatique
angular

Formation Angular v2 à v8

Informations générales

RS112
3 jours (21h)
1 800 €HT
69 €HT (en option)

Objectifs

  • Savoir développer des applications avec le framework Angular
  • Comprendre l'architecture d'Angular
  • Découvrir l'architecture typescript

Public

  • Développeurs web
  • Architectes web
  • Chefs de projets
  • Webmestres

Prérequis

  • Bonnes connaissances de Javascript

Programme de la formation

Présentation

  • Positionnement d'Angular.
  • Angular vs AngularJS.
  • Rôles de Typescript et ES6.
  • Aperçu de l'architecture.
  • Présentation d'Angular CLI
  • Découverte d'un exemple minimal.
  • La phase de démarrage

Outillage

  • Débogage dans le navigateur.
  • Augury Visual Studio Code

TypeScript et ES6

  • Transpilation.Let et const, Template strings, Typage, Classes et interfaces.
  • Les modules.
  • Arrow functions.
  • Décorateurs

Les composants

  • La notion centrale d'Angular.
  • Structure d'une application Angular.NgModule.Structure d'un composant.
  • Template.
  • Styles.
  • Création d'un composant avec Angular CLI
  • Cycle de vie des composants.
  • Imbrication des composants.
  • Content projection

Templates

  • Template et DOM.
  • Interpolation et expressions.
  • Binding et interactions
  • @Input et @Output.
  • Binding bidirectionnel.
  • La notion de directives.
  • Directive de structure et directive d'attribut
  • NgClass, NgStyle et NgModel.NgFor, NgIf et NgSwitch

Injection de dépendances

  • Principes.
  • Les services et @Injectable.
  • Injectors et providers.
  • Les types de providers.
  • Token et @Inject

RxJS et Observables

  • Principes de la programmation réactive.
  • La librairie RxJS.
  • La notion de flux.
  • Les 'Observables'.
  • Quelles utilisations dans Angular ?

Routage

  • Importance du routage.
  • Configuration du RouterModule.
  • RouterOutlets.
  • Définition des Routes.
  • Naviguer vers une route.
  • Routes secondaires
  • Routes paramétrées

Appels HTTP

  • La notion de services HTTP.
  • Les APIs proposées : Http et HttpClient.
  • Envoi de requêtes

Formulaires

  • Structure d'un formulaire
  • Formulaires par template.
  • Validations.
  • Gestion des styles.
  • Formulaires réactifs.
  • FormControl et FormGroup
  • Groupe de champs avec FormBuilder.
  • Gestion des modifications
plus d'infos

Méthode pédagogique

Chaque participant travaille sur un poste informatique qui lui est dédié. Un support de cours lui est remis soit en début soit en fin de cours. La théorie est complétée par des cas pratiques ou exercices corrigés et discutés avec le formateur. Le formateur projette une présentation pour animer la formation et reste disponible pour répondre à toutes les questions.

Méthode d'évaluation

Tout au long de la formation, les exercices et mises en situation permettent de valider et contrôler les acquis du stagiaire. En fin de formation, le stagiaire complète un QCM d'auto-évaluation.