Retengr

Angular

Par Retengr

Objectifs

  • Comprendre les architectures SPA
  • Apprendre le langage TypeScript
  • Créer un projet Angular via AngularCLI
  • Déclarer des composants et des modules
  • Utiliser des templates, le databinding, les directives
  • Créer des services
  • Mettre en œuvre le routing
  • Appeler des WebServices REST

Programme

Présentation d’Angular
  • Les origines
  • Architecture Angular
  • Hello World
  • Angular CLI
TypeScript JumpStart
  • Présentation TypeScript
  • Types et mots clés
  • Classes, Propriétés et méthodes
  • Namespaces et Modules
  • Transpilation de TypeScript
Une application simple avec Angular
  • Présentation
  • Structure de l’application
Composants web et Modules
  • Qu’est-ce qu’un composant web ?
  • Cycle de vie
  • systemjs.config.js
  • Les modules Angular
Les templates et les pipes
  • Syntaxe
  • Interpolation et expressions
  • Transformez vos données avec les pipes
  • Gérez l’internationalisation avec la V5
Propriétés des composants web et Data Binding
  • Property et event binding
  • Propriété Input et Output
  • Les directives Angular
  • Two-way Binding
  • Performance et Change Detection
Services, Providers et http client
  • Présentation des services Angular
  • Injections et providers
  • @Injectable Promises et Observables
  • REST avec le module http client (depuis Angular V5)
Routing
  • Présentation du routage
  • Les étapes du routage
  • Le service routage
  • Paramètres de routing
  • Créer et utiliser les Routes Guards
  • Lazy Loading
Gestion de formulaires
  • Présentation des types de formulaires Angular
  • Les formulaires de type Template-Driven
  • Les formulaires de type Reactive Forms
  • Gestion de l’apparence
Déploiement d’une application
  • Webpack
  • Automatisation du build
  • Packager dans une application web Java
Gestion des tests unitaires et E2E avec Angular (notions)
  • Tests : pour quoi faire ?
  • Présentation de Karma, Jasmine
  • Mettre en œuvre « Test Suite », « Spec »
  • TestBed : créer un contexte angular pour tests
  • Mocked objects : Simuler l’invocation à un WebService …
Les nouveautés à venir
  • Qu’annonce Google dans la prochaine version… ?

Pédagogie

La formation se passe en mode présentiel (face à face), et se compose de 75% de travaux pratiques (Mises en situation, débats, exercices). Le formateur alterne entre théorie et pratique ; chaque participant dispose d’un ordinateur sur lequel il réalisera les exercices proposés.

Une évaluation quotidienne de l’acquisition des connaissances de la veille est effectuée.

Une synthèse est proposée en fin de formation. Une évaluation à chaud sera proposée au stagiaire à la fin du cours.

Un support de cours sera remis à chaque participant comprenant les slides sur la théorie, les exercices et les corrigés de ces derniers. Une feuille d’émargement par demi-journée de présence est fournie en fin de formation ainsi qu’une attestation de fin de formation si le stagiaire a bien assisté à la totalité de la session.

Formations de la même catégories (5)

Retengr
Angular JSPar Retengr

Le WEB 2.0 a vu l’avènement d’un nouveau mode de conception d’application web: la Single Page Application. AngularJS fut dans un premier temps développer par Google pour des besoins internes, et au regard de son succès grandissant en a fait un produit open source qui rationalise les développements sur le client, apportant ainsi aux entreprises un socle technologique solide et pérenne.

Global Knowledge
Développement Web avec Angular JSPar Global Knowledge

Ce cours vous permet d’acquérir les fondamentaux du framework AngularJS

Orsys
AngularJS, maîtriser le framework JavaScript de GooglePar Orsys

Développé par Google, AngularJS est un framework structurant et simplifiant le développement des applications riches côté client. Cette formation vous apportera la maîtrise des fonctionnalités clés du framework : filtres, contrôleurs, templates... Vous verrez également son intégration dans une architecture REST.

Dawan
AngularPar Dawan

Maîtriser les concepts du framework Angular - Utiliser Angular pour développer des applications web performantes

SQLI Institut
Angular 2+ Développement d'applications WebPar SQLI Institut
  • Connaître les fonctionnalités du framework Angular 2+
  • Comprendre comment développer plus rapidement grâce à Angular 2+
  • Être capable de développer des applications web Angular 2+ performantes avec JavaScript et TypeScript
  • Découvrir les spécifications EcmaScript 6 (ES6)
  • Angular 2+ correspond à toutes le versions successives d'Angular, soit de la version 2 à la version 6 a ce jour.