Angular 2+ (Live Virtual Class)

Blended learning

À qui s'adresse la formation?

Consultants, Developpeurs, Développeurs, Développeurs Android

Durée

3,00 jour(s)

Langues(s) de prestation

EN FR

Prochaine session

Objectifs

Nos formations sont organisées sur les dernières version d'Angular, à savoir la version 5. Avec la version 2 et ensuite 4, 5 et maintenant 8, Angular propose toujours plus de cohérence dans le développement front. Les concepts d'Ecma Script 6 (ES6) sont utilisés pour faciliter la production d'applications web SPA: Modules, Annotations, Web Components... TypeScript sera utilisé pour construire les composants.

  • Maîtriser la version 2 d'AngularJs
  • Découvrir les spécifications EcmaScript 6 (ES6)

Contenu

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
Les 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
  • Les pipes
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
Annexes
  • Liens guides de codage
  • Projets complémentaires

Certificat, diplôme

Une attestation de participation sera transmise aux participants

Contact pour cette formation

Nathalie Thielemans / Nassera Aici

Ces formations pourraient vous intéresser

FR
Journée
Windhof (Koerich)
Logiciels - Framework - Framework React
25.04.2024
FR
Journée
Windhof (Koerich)
Logiciels - Framework - Framework Hibernate
04.04.2024