Formation Angular2

Google s'apprète à sortir la deuxième version du framework javascript le plus plébiscité ces dernières années : AngularJS. Véritable refonte conceptuelle basée sur les Composants, Angular2 permet le développement rapide d'applications Web complexes. Il est indispensable de se préparer au retour du développement Composant qui s'impose à nouveau incontournable dans nos applications.

Objectifs

Cette formation vous permettra d'acquérir les compétences nécessaires pour utiliser Angular2 avec le langage TypeScript pour développer des SPA/RIA. A l'issue de la formation, vous serez en mesure :

  • Comprendre comment architecturer une SPA avec Angular2
  • Comprendre le paradigme Composant
  • Maitriser les directives/Pipes & le data-binding
  • Ecrire des Routes & Providers & Factories

Infos pratiques

Développeurs web, Architectes logiciel 3 jours 65% pratique, 35% théorique Connaissance de TypeScript (implique EcmaScript6) 2400 €*

Contenu pédagogique

  • Introduction :
    • Motivations
    • Alternatives
    • Oublier AngularJS
    • Le paradigme Composant

  • Outillage :
    • L’éditeur
    • Node + NPM
    • Angular CLI

  • Installation :
    • Générer le projet
    • Bootsrap de l’application

  • Composants :
    • Introduction
    • Langage de template
    • Built-in directives

  • Pipes :
    • Introduction
    • Built-in Pipes
    • Custom Pipes

  • Création deComposants :
    • Introduction
    • Cycle de vie
    • Contrat d’interface
    • Directive attribut
    • Directive structurelle

  • Injection de dépendance :
    • Introduction
    • Providers
    • Providers hiérarchiques
  • Services :
    • Création
    • Utilisation
    • Exemples

  • Formulaires :
    • ngForm
    • ngModel
    • Composants dédiés
    • Validation de données
    • Traitement

  • Communication server :
    • Les requêtes en Angular2
    • Les appels XHR
    • Les services Rest

  • Routeur :
    • Introduction
    • Configuration
    • Passage de paramètres
    • historique de navigation
    • Lazy Loading

  • Conclusion :
    • Bonnes Pratiques
    • Retour d’expérience
    • Ce qu’il faut retenir
    • Ressources

  • Modules optionnels :
    • Programmation Reactive
    • WebComponents & NG2
    • Les différents modules loaders
    • Les animations
    • hooks du cycle de vie
    • Tester les composants