Informatique Informatique
Référence formation : 5M-AG-ANG - Durée : 3 jours

Cliquez sur l'image ci-contre ou sur le lien ci-dessous
pour télécharger notre programme de formation professionnelle au format PDF
(nécessite © Acrobat Reader)

Objectifs

  • A l’issue de notre formation Angular, vous aurez la maîtrise de votre framework Angular afin de pouvoir créer et développer des applications Web de manière efficace.
  • Le formateur abordera l’intégralité des éléments lités à l’utilisation d’Angular quant au développement: les bases de JavaScript et TypeScript, les notions de gestion évènementielle, de templating, le routin, les interactions JSON, etc…
  • Cette formation se déroulera sur la version 5, tout en abordant les différences avec les versions 4 et 2.
  • En résumé, après ces trois jours, vous serez en mesure :
    • De créer aisément des applications web complexes
    • De maîtriser les concepts et la syntaxe d'Angular
    • D’organiser et modulariser vos développements JavaScript

Pré-requis

  • Avoir suivi une formation JavaScript, ou posséder niveau équivalent
  • Développeurs JavaScript avec une expérience dans le domaine

Plan de cours

1. Vue d’ensemble d’Angular

  • Le framework
  • Angular et Google
  • L’intérêt pour les sites et applications
  • Responsive design

2. Rappel sur ES6/ES2015 et TypeScript

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

3. Modules ES6 et dépendances

  • Import / export
  • Loader : SystemJS

4. Classes ES6 (contrôleurs)

  • Classes et héritage
  • Visibilité, statique, abstraction…....
  • Composants
  • Décorateurs / annotations
  • Sélecteur
  • Vues

5. Templating et data-binding

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

6. Événements et formulaires

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

7. Directives

  • Component directives
  • Structural directives
  • Attribute directives

8. Dependency Injection et services

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

9.Routing et navigation

  • Angular router
  • Configuration des routes

10. Asynchronicité

  • Promises
  • Observables
  • RxJS

11. AJAX et API

  • http
  • jsonp

Retour haut de page