Formation Angular

Ce programme inclut la formation Angular 2, Angular 4, Angular 5, Angular 6, Angular 7, Angular 8 et Angular 9, car c’est le même framework ! On vous explique tout ici.


Pourquoi une formation Angular ?

Créer une application web en JavaScript en partant de zéro, c’est possible, mais cela sera très long et fastidieux. Angular est un framework JavaScript qui vous permet d’organiser votre code, de mettre en place des fonctionnalités avancées rapidement et facilement, et de s’assurer que votre application sera performante.


Pourquoi notre formation Angular ?


Angular : pour qui ?

Cette formation s’adresse aux développeurs :

  • elle n’est pas adaptée à des débutants en programmation,
  • la connaissance d’un langage quelconque suffit (PHP, Java, C#…) : nos guides de préparation vous permettront de vous mettre à niveau en JavaScript avant le formation,
  • il n’est pas nécessaire de connaître la version 1 d’Angular.

Pensez à lire les questions fréquentes pour bien choisir votre formation.


Objectifs de la formation Angular

  • Maîtriser les fonctionnalités d’Angular
  • Créer des applications web rapidement, pour tous les supports (mobile, tablette et bureau)
  • Architecturer ses développements JavaScript grâce à un framework

Programme de la formation Angular

Les fondamentaux d’Angular

Toutes les fonctionnalités centrales d’Angular pour construire une application sont abordées.

  • ES6+ et TypeScript
  • Composants et services : @angular/core
  • Templating et data-binding : @angular/common
  • Routing : @angular/router
  • AJAX / requêtes HTTP : @angular/common/http
  • Formulaires : @angular/forms
  • Directives et pipes (filtres)
  • Compatibilité : polyfills et transpilation
  • Mise en production / déploiement

N’hésitez pas à vous référer à l’ancienne fiche de notre formation Angular 2 si vous avez besoin de plus de détails sur le programme de ces fondamentaux.

Architecture Angular

L’un des points les plus importants de la formation est l’architecture d’un projet Angular. C’est le genre de choses qui n’est pas expliqué dans la documentation officielle et qui nécessite un retour d’expérience.

Nous mettons en place une architecture évolutive : elle s’adapte aussi bien à des petits projets rapides qu’à de très gros projets. C’est ce qui fera toute la différence pour qu’un projet tienne la route à long terme.

  • MVC ? MVP ? MVVM ?
  • Les différents types de NgModules : features, core, ui
  • Les différents types de composants : pages, présentation
  • Points d’entrée et raccourcis d’imports
  • Quand et où importer un NgModule ?
  • Communiquer entre composants : @Input, @Output, @View/ContentChildren, <ng-content>

Bonnes pratiques Angular

Une application ne peut pas se permettre la moindre erreur. Il est donc très important de démarrer un projet Angular avec les bons choix de configuration, pour assurer un code fiable et robuste.

  • TypeScript strict
  • TSLint strict
  • Compileur Angular strict

Méthodologie et productivité

Savoir faire les choses, c’est bien, savoir les faire efficacement, c’est encore mieux. La formation vous fournit une méthodologie reproductible et utilise des outils qui augmentent la productivité, dont certains sont développés par notre formateur contributeur.

Optimisation des performances

En utilisant Angular correctement, votre projet peut grossir indéfiniment et malgré tout votre application restera rapide à charger et fluide à l’usage.

  • Build de production : compression, tree-shaking, AOT
  • Lazy-loading
  • Change detection : OnPush, zone.js, trackBy

RxJS : asynchronisme et state

Les traitements asynchrones sont la grande difficulté en JavaScript. Angular a fait le choix de RxJS pour gérer ce problème. C’est un outil très puissant, mais pas facile d’accès : c’est le sujet sur lequel tout le monde trébuche dans Angular. La formation se charge de démystifier RxJS et de le rendre accessible.

  • Programmation fonctionnelle et réactive
  • Promises vs. Observables
  • Observable vs. Subject vs. BehaviorSubject vs. ReplaySubject
  • Les principaux opérateurs RxJS
  • Async pipe
  • Gestion des données transversales (state)
  • Comparatif des solutions de store : RxJS pur / ngrx / ngxs

Application

Le code d’une application Angular peut être déployé sur tous les supports : en mode site web classique, en mode mobiles / tablettes et même en mode bureau. Ce dernier choix, encore peu connu, est très intéressant pour une cible d’entreprise.

Nouveautés Angular

Avec ng update, les mises à jour d’Angular sont désormais automatisées.

Autres sujets

Nous abordons aussi les sujets suivants :

  • Formulaires avancés : ReactiveFormsModule
  • Créer une librairie Angular réutilisable
  • Tests unitaires et e2e

Vous trouverez des détails sur ces sujets dans le programme de la formation Angular avancé.

Cette formation m'intéresse

Formation Angular

Formation Angular

Public : Développeurs

Pré-requis : Connaissance d'un langage de programmation (JavaScript, PHP, Java, C#...)

Prochaines sessions à Paris chez
openska

  • du au
  • du au
  • du au
  • du au

Durée : 4 jours - Prix : 2400€

Je souhaite participer

Eligible à un financement par votre OPCA (FAFIEC/Atlas, AFDAS...).
Non éligible via le CPF. Pourquoi ?

Nous pouvons aussi intervenir dans votre entreprise.

Durée : 3 ou 4 jours

Obtenir un devis