Formation Angular

Angular est le framework de Google qui permet de développer des applications robustes et centrées sur le client. Rapide, Angular constitue la référence pour développer une couche de présentation de votre application web sur mobile et desktop. 

En constante évolution, Angular présente une nouvelle version tous les 6 mois. Complet, ce cours qui traite actuellement de la version 9, vous permet de faire un tour complet de ce framework, de la création du projet à la création de services. 

mois maximum entre deux mises à jour du cours

%

de travaux pratiques

jours

À qui s’adresse cette formation Angular ?

développeur - illustration

Développeurs

administrateur système - illustration

Architectes

chef de projet technique - portrait

Chefs de projets techniques

Description de la formation

Angular

Présentation

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 version 9. Ce cours présente les évolutions des versions allant de la 2 à la plus récente, en détaillant les différents changements.

 

Attention : AngularJS est un produit distinct, la connaissance de l’un n’implique pas la connaissance de l’autre. Assurez-vous bien de votre besoin réel !

Méthode pédagogique

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. 

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

Audience

  • Développeurs
  • Architectes
  • Chefs de projets techniques

Pré-requis

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.

Le formateur

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.

Le 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… ?

Tarif

2200 € HT

Formation à distance

Retengr vous permet aussi de suivre cette formation à distance, sous forme de classe virtuelle (6 participants maximum), avec un formateur expert sur le sujet. La formation se déroule via une connexion en visio conférence (ZOOM, GoogleMeet, Teams ou autres) et vous permet d’alterner théorie et pratique de façon accompagnée ou autonome, le tout dans le respect des objectifs pédagogiques et des évaluations des acquis.

Les émargements, évaluations, attestation de formation, remises des supports de cours et autres documents se feront en ligne.

En ce qui concerne le matériel informatique du participant, il est seulement préconisé un ordinateur et une connexion internet. Nous nous chargeons du reste.

Chaque participant se verra attribuer une Machine Virtuelle qui sera exécutée dans le Cloud d’Amazon. Il disposera alors de la puissance et des outils nécessaires pour le bon déroulement de la formation. Aucune installation de la part du participant n’est requise avant la formation.

Une journée type de formation à distance se décompose de la façon suivante :

Matin :

  • 2h de théorie en visioconférence
  • 10 à 15 minutes de présentation d’exercices en visio
  • 1h de TP en autonomie avec possibilité de solliciter le formateur (partage d’écran à distance pour une assistance efficace).

Après-midi :

  • 2h de théorie en visioconférence
  • 10 à 15 minutes de présentation d’exercices en visio
  • 1h de TP en autonomie avec possibilité de solliciter le formateur (partage d’écran à distance pour une assistance efficace).

Les prochaines dates pour cette formation Angular

Pas d'événement actuellement programmé.

Nos clients parlent de nous

“Je me sens bien plus à l’aise avec Angular, et la formation m’a permis de comprendre certains problèmes rencontrés sur mon projet et d’y trouver des réponses.”

Benjamin
SII Sud-Ouest

Nos autres formations en hautes technologies

Formations agilité, Safe et scrum master

Architecture

formations big data - Retengr - icone

Data

Formation Devops Toulouse et Paris - Retengr

DevOps

Formation web mobile, android et ios -  Toulouse et Paris - Retengr

Agilité

Formation web Html, css, javascript, angular - Retengr

Web client

pictogramme formations développement applications mobiles

Web mobile

Prêt(e) à découvrir Angular ? 

Demandez l’excellence

1.

Vous remplissez ce formulaire

2.

Nous vous recontactons sous 48h

3.

Nous finalisons ensemble votre inscription