Formation Angular 2

Une formation Angular 2 & 4 pour les développeurs/ses qui veulent être opérationnel/le/s pour construire des applications web.


Pourquoi une formation Angular 2 ?

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 2 ?

  • Vous avez la garantie d’avoir un formateur contributeur Angular 2.
  • Nous vous aidons à préparer et optimiser votre formation avec nos guides JavaScript.
  • Nous travaillons depuis un an et demi avec Angular 2 et avons déjà organisé 12 formations.
  • Notre programme est à jour avec la dernière version d’Angular : 2.4 et 4.1.

Angular 2 : pour qui ?

Cette formation s’adresse aux développeurs/ses. Il sera important de préparer votre formation en suivant nos guides pour vous mettre à jour en JavaScript.

Il n’est pas nécessaire de connaître Angular 1. Et si vous connaissez déjà AngularJS, on vous explique pourquoi vous devriez vraiment songer à migrer vers Angular 2.

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


Objectifs de la formation Angular 2

  • Maîtriser les fonctionnalités d’Angular 2
  • Créer des applications web performantes plus rapidement
  • Organiser et modulariser ses développements JavaScript grâce à un framework

Programme de la formation Angular 2

La formation Angular 2 s’articule en deux temps : nous travaillons d’abord sur un composant d’UI simple pour comprendre les concepts d’Angular, des plus simples aux plus avancés ; puis nous les mettons en pratique en construisant une vraie application web.

ES6/ES2015 et TypeScript

Angular 2 s’appuie sur la nouvelle version de JavaScript et sur TypeScript, pour à la fois simplifier la prise en main du framework et passer à une façon de coder plus avancée et plus propre, pour éviter tout risque d’erreur. Vous disposerez aussi d’une autocomplétion complète dans votre éditeur.

  • Nouveautés JavaScript : let, template literals, arrow functions…
  • Classes et interfaces
  • Typage statique
  • Typings et autocomplétion

Afin de ne pas perdre trop de temps sur ces bases, il vous sera indiqué de bien suivre nos guides de préparation avant votre formation.

Modules

Un des rôles principaux d’un framework est de vous permettre d’être modulaire, pour pouvoir organiser et réutiliser votre code.

  • Modules ES6
  • ngModule

Composants : @angular/core

C’est la notion centrale dans Angular 2, mais aussi dans les autres frameworks et même maintenant en JavaScript natif.

  • Décorateurs et sélecteur
  • Vue : template et styles
  • Projection de contenu
  • Récupération d’attributs

Templating & data-binding : @angular/common

Angular 2 y ajoute un système de templating à la fois simple et puissant. Avec la particularité que, comme nous sommes côté front, ce templating sera dynamique, en s’adaptant automatiquement et en temps réel aux changements de valeurs.

  • Interpolation
  • Property binding
  • Classes et styles
  • Pipes (filtres)
  • Conditions et boucles
  • Event binding

Formulaires : @angular/forms

La gestion des événements est intégré à ce système de templating, avec également des outils plus avancés pour les formulaires.

  • User input : 2-way data binding
  • Contrôles et validation

Communication entre composants

Les données doivent transiter d’un composant à l’autre, c’est l’une des difficultés des applications.

  • View et ContentChildren
  • Communication de valeurs : Input
  • Communication d’événements : Output

Injection des dépendances

L’autre difficulté, c’est de pouvoir interagir avec d’autres classes, par exemple pour récupérer des données. Angular 2 résout ça avec un système d’injection très simple.

  • Services
  • Injectors & providers

Asynchronicité et AJAX : @angular/http

Les traitements asynchrones sont une des grandes difficultés en JavaScript. L’ES6 a déjà simplifié cela, mais Angular 2 a fait le choix d’aller encore plus loin avec RxJS, qui permet de mettre en place des fonctionnalités avancées très simplement.

  • Promises vs. Observables
  • Module HTTP

Compléter Angular 2

Vous pouvez ajouter des fonctionnalités au framework.

  • Directives : ajouter des comportements
  • Pipes : ajouter ses propres filtres

Router Angular 2 : @angular/routing

Gérer la navigation dans l’application en JavaScript natif est très laborieux. Le module de routing d’Angular 2 vous simplifie grandement la tâche.

  • Configuration des routes
  • Gestion des paramètres
  • Lazy loading

Mise en production et performances : @angular/compiler-cli

C’est la grande force d’Angular 2 : booster les performances pour que l’application se charge le plus rapidement possible.

  • Compileur offline Angular 2 : AoT
  • Build, minification et tree-shaking avec webpack

Stockage local : @angular/service-worker

Une application doit évidemment être stockée en local pour pouvoir fonctionner hors ligne. Angular 2 vous laisse vous débrouiller avec les APIs natives, qui sont simples mais pas forcément optimales. Notre formateur a développé un module pour améliorer cet aspect.

  • Stockage local
  • Service workers : Progressive Wep App
  • Manifeste d’application

Tests : @angular/*/testing

Eviter les régressions, anticiper les problèmes : Angular fournit plusieurs outils de test. Ce chapitre avancé est abordé sur demande, en fonction du niveau des participant/e/s et du temps disponible.

Angular 4

Notre programme est déjà à jour avec Angular 4.

Cette formation m'intéresse

Formation Angular 2

Formation Angular 2

Public : Développeurs/ses

Pré-requis : Bases de JavaScript

Prochaines sessions à Paris chez
openska

  • du au
  • du au
  • du au

Durée : 3 jour(s) - Prix : 1800€

Je souhaite participer

Nous pouvons intervenir dans votre entreprise.

Durée : 3 ou 4 jour(s)

Obtenir à un devis