Angular

• La formation est composée 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 (version électronique) sera remis à chaque participant comprenant les slides sur la théorie, les exercices.

Angular est le framework de Google respectant le pattern Single Page Application (SPA) qui permet de développer des applications robustes et centrées sur le client.

Rapide, basé sur les web components, Angular se présente aujourd’hui comme le framework qui va vous permettre de développer la couche de présentation de votre application web moderne portable sur mobiles et desktop.

Angular est en constante évolution, avec une version nouvelle tous les six mois. Notre cours traite actuellement de la dernière version sortie.

Structure de l’application

Composants web et Modules

Qu’est-ce qu’un composant web ?

Cycle de vie

Les modules Angular

Les templates et les pipes

Syntaxe

Interpolation et expressions

Transformez vos données avec les pipes

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

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

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 …

Notions connexes à Angular

Internationalisation statique et dynamique

Framework graphique

Progressive Web Application

Universal

• 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

• Architectes
• Chefs de projet
• Développeurs

Le formateur est un expert du domaine qui intervient sur le sujet depuis plusieurs années en formation mais aussi en conseil.

Doté d’une grande qualité d’écoute, sa pédagogie et sa compétence technique vous permettront d’acquérir les compétences sur Angular.

Il saura alterner entre théorie, pratique, et retours d’expérience.

• Une connaissance des technologies Web (HTML, CSS) est impérative pour suivre cette formation dans de bonnes condition.
• La connaissance de JavaScript est souhaitable mais pas obligatoire.
• Afin de valider les compétences et les prérequis de chaque participant, en amont de la formation, le formateur organise un entretien téléphonique. Il confirme alors que le participant a le niveau nécessaire et que le contenu répond bien à ses attentes.

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

2200 € HT