Formation Angular

La première version d'Angular, AngularJS, s'était imposée pour développer des applications web facilement en JavaScript. Repartant de cette base et prenant en compte les retours des développeurs l'équipe d'Angular à créé Angular qui va encore plus loin : meilleurs performances, utilisation de la nouvelle version de JavaScript (ES6/ES2015), meilleurs outils de développement, server-side rendering... Le revers de la médaille est que la syntaxe à beaucoup changé.
Cette formation s'adresse aux développeurs JavaScript qui souhaitent passer à la vitesse supérieure dans leurs développements avec Angular.
Notre formation est assurée par un contributeur au projet Angular.

Objectifs de cette formation

  • Maîtriser les concepts et la syntaxe d'Angular
  • Créer des applications web complexes rapidement
  • Organiser, modulariser et tester ses développements JavaScript

Public visé

  • Développeur Web

Pré-requis

  • Connaitre le JavaScript ou avoir suivi la formation JavaScript

Programme détaillé

Vue globale sur Angular

  • Présentation du framework
  • Quel intérêt pour Google ?
  • Angular est-il adapté aux sites et aux applications ?
  • Angular et le responsive design

Rappel sur ES6/ES2015 et TypeScript

  • Compileurs ES6 : babel, traceur et typescript
  • Nouveautés ES6 : portée de a un bloc, template litterals, arrow functions...
  • Typage fort et interfaces

Modules ES6 et dépendances

  • Import / export
  • Loader : SystemJS

Classes ES6 (contrôleurs)

  • Classes et héritage
  • Autres outils : visibilité, statique, abstraction...

Composants

  • Décorateurs / annotations
  • Sélecteur
  • Vues (template et styles)

Templating et data-binding

  • Interpolation
  • Property binding
  • 2-way data-binding
  • Classes et styles
  • Pipes (filtres)

Événements et formulaires

  • Event binding
  • User input
  • Contrôles et validation

Directives

  • Component directives
  • Structural directives
  • Attribute directives

Dependency Injection et services

  • Services
  • Injectors et providers
  • Injection de dépendances

Routing et navigation

  • Angular router
  • Configuration des routes

Asynchronicité

  • Promises
  • Observables
  • RxJS

AJAX et API

  • http
  • jsonp