NEW

Développer des applications riches avec AngularJS v.2

Description

Angular passe en version 2. Plus qu’une simple évolution, c’est un nouveau framework qui nous est proposé. Nouveau langage avec TypeScript, nouvelle syntaxe de vues, orientation web components, programmation réactive, flux unidirectionnel et architectures de type flux sont les nouveaux concepts à appréhender. Les imperfections inhérentes à la première version ont disparues au profit d’une meilleure évolutivité et d’une meilleure performance.
A l'issue de la formation, vous serez en mesure de déployer une application complète, structurée selon les bonnes pratiques, modulaire et extensible.

Objectifs pédagogiques

  • Maitriser les caractéristiques du nouveau framework
  • Mettre en œuvre une architecture uni-directionnelle
  • Mesurer la qualité du code par les tests

Public cible

  • Développeur
  • Architecte Web

Pré-requis

Pratique du HTML, CSS et JavaScript.

Méthode pédagogique

Formation avec apports théoriques, échanges sur les contextes des participants et retours d’expérience pratique du formateur, complétés de travaux pratiques et de mises en situation.

MODALITÉS D’ÉVALUATION

L’évaluation des acquis se fait tout au long de la session au travers des ateliers et des mise en pratiques. Une évaluation à chaud est réalisée systématiquement en fin de session.

Programme :

• Jour 1

  • ENVIRONNEMENT ET PRINCIPES
    • Présentation générale, dépendances du framework, angular-cli
    • Mise en œuvre d’un environnement de développement autonome
  • TYPESCRIPT / ES6
    • L’objet : classes, constructeurs, variables et méthodes privées, publiques et statiques, héritage et super
    • Typage de variable, interfaces, retours de fonctions
    • Fonctions, paramètres, affectations déstructurées
    • Maitriser this avec les arrow functions
    • Les annotations
    • Modules, import et export
  • COMPONENTS
    • Bootstrap de l’application principale
    • Paramètres de l’annotation @Component
    • Cycle de vie, détection du changement et hiérarchie
  • VUES / TEMPLATES / SYNTAXE
    • Templates et template string, expressions
    • Input, output, input-output
    • Directives ngFor, ngIf, ngSwitch. ngClass, ngContent, ngStyle
    • Utiliser des composants dans les templates
  • SERVICE ET INJECTION DE DÉPENDANCE
    • L’annotation Injectable
    • Providers, instanciation et injection des services, hiérarchie

Jour 2

  • ARCHITECTURE, PROGRAMMATION RÉACTIVE / RXJS
    • Observable et Subjects, méthodes de gestion des streams
    • Architectures de type Flux, implémentation avec RxJS
    • Gestion d’état de l’application, immutabilité des données et fonctions pures
  • PIPES
    • Pipes fournis (uppercase, lowercase, percent, currency, async, etc.)
    • Créer ses Pipes
  • ROUTER
    • Mode Html5 et base href
    • Configuration des routes, imbrication de routes
    • Directives du router
    • Navigation et manipulation d’url
    • Interception des changements de route
  • HTTP
    • Http, Response, Headers
    • Les méthodes et paramètres Http. (GET, POST, PUT, DELETE, JSONP)
    • Rappel sur les promises, gestion du résultat par Observable
    • Gestion des erreurs

Jour 3

  • DIRECTIVES
    • Directives structurelles
    • Directives attributs
  • FORMULAIRES
    • Directives de formulaires
    • Soumission, validation et gestion des erreurs
    • Groupes de contrôles, objet Control
  • TESTS UNITAIRES
    • Configuration karma
    • Jasmine / assertion
    • Stratégies de tests : component, directive, service, pipe
    • Mock des données, Spy des services
    • Gestion de l’asynchrone
    • Tester le router
  • TESTS FONCTIONNELS
    • Tests fonctionnels avec Protractor
    • Mise en œuvre de scénarios de navigation, tests de l’état de l’application, du DOM
    • Gestion de l’asynchrone et mock http
Type : Stage pratique
Code formation : WANG2
Durée : 3 jours (21 heures)

Sessions inter-entreprises :

Tarif & dates intra-entreprise :
Devis sur demande
Nous Contacter