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 dans un projet digital.
• 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