Angular JS Avancé

Angular JS Avancé

Type(s) : PED
Durée : 3 Jours – 21 Heures

Pré-requis        

Avoir une bonne connaissance de JavaScript et d’avoir pratiqué AngularJS.

Objectifs

Comprendre en profondeur AngularJS 1.5+

Utiliser les Components et coder en prévision d’une migration vers Angular 2

Créer des directives, ngModelControlers et validateurs personnalisés.

 

Public concerné

Développeurs, architectes et chefs de projets techniques.

 

Profil du formateur

Formateur consultant, expert, pédagogue et certifié dans son domaine

Méthode pédagogique

La formation est constituée d’apports théoriques et d’exercices pratiques. Chaque stagiaire dispose d’un poste de travail et la gestion en petit groupe (jusqu’à 8 stagiaires) permet un suivi individualisé et adapté. Durant les sessions de formation, un support pédagogique est remis aux stagiaires.

Suivi, évaluation, sanction

Des tours de table permettent de suivre la progression du stagiaire au fur et à mesure de la formation. Un suivi de la formation est réalisé par une feuille de présence émargée par demi-journée par les stagiaires et le formateur. Un questionnaire de satisfaction et une validation des acquis sont complétés par chaque stagiaire en fin de formation.

Formation sans certification.

Plan du cours

Introduction à AngularJS

  • Historique
  • La Single Page Application
  • Les limites de jQuery

 

Architecture Angular

  • Le MVC avec Angular
  • La View et son interpreter
  • Les directives
  • Le controller
  • Les services

 

MVC

  • Le template
  • Les directives offertes par le framework
  • Gestion des évènements
  • Le Design Pattern Observer
  • $watch et compagnie

 

Les directives

  • Définition d'une DirectiveLes attributs d'une directive
  • Les directives fournies
  • Les bonnes pratiques de John Papa
  • Les components
  • Isolation du scope
  • Le controller
  • Les scopes

 

Les formulaires

  • Double data-binding
  • Le dot et ses problèmes
  • Validation
  • ngModel et ngModelController
  • Validation avancée du formulaire

 

L'accès au serveur et le travail asynchrone

  • Ajax et asynchrone
  • Le service $http
  • Les Promises en détail

 

Les Services

  • Création d'un service
  • Services et Providers
  • Architecture en couches
  • Injection de dépendance

Les filtres

  • Les differents filtres
  • Le filtre 'filter' en détail
  • Créer ses filtres

Tester son application

  • Pourquoi ? Quand l'éviter
  • Jasmine et les tests de comportements
  • Tests unitaires avec Karma
  • Tests fonctionnels avec Protractor

Autres concepts avancés

Les concepts ci-dessous pourront être détaillés en fonction des besoins ou des centres d'intérêt des particiapants :
Sur la route d'Angular 2 (components...)
Les outils : Webpack, npm, gulp...
Utilisation de Sass avec Webpack et 'require()'
TypeScript ou EcmaScript 2015 avec Babel
Le routing et UIRouter
Rest avancé avec $resource ou RestAngular
Angular sur mobile avec Ionic Framework
La concurrence (React, Backbone, Ember, CycleJS, Elm...)

Nous contacter

AMS Formation (France)
03 83 67 63 05
22 Rue de Medreville
54000 Nancy – France

AMS Formation (Luxembourg)
00 352 26 10 22 58
145, route de Pétange
L-4645 Niederkorn – Luxembourg

ams-formation@ams-training.com

Suivez-nous

Retrouvez toute l'actualité d'AMS Formation sur les réseaux sociaux.