Trouvez votre formation

Référence
ANG-1

Public
Architectes, développeurs et chefs de projets Web et toute personne souhaitant apprendre à maîtriser le framework Angular.

Pré-requis
Bonnes connaissances des technologies du web et des outils modernes de développement
Bonne maîtrise de JavaScript.

Objectifs
Découvrir les fonctionnalités & les nouveautés du framework Angular. Développer une nouvelle application Web. Concevoir une application Angular. Maîtriser les bonnes pratiques de développement et de mise en production.

Programme

• Rappels JavaScript
  • Composants d'une application Web. HTML5 et CSS3
  • Outils de développement Web/JavaScript
  • Moteurs de rendu HTML et JavaScript. DOM, BOM
  • JavaScript rappels : prototypes, closures et callbacks
  • Rappels sur les concepts objet en JavaScript
• Présentation du framework Angular
  • Angular, positionnement : jQuery, ExtJS...
  • Intégration. Compatibilité, versions, documentation
  • Fonctionnalités et principes généraux
  • Directives Angulars, compilateur HTML
  • Expressions. Data-Binding bidirectionnel. Filtres
• Contrôleurs et gestion des scopes
  • Création et utilisation des contrôleurs
  • Gestion du contexte, la variable $scope
  • Propagation des événements. API. Dirty Checking
  • Traitement et validation des formulaires
• Module et injection de dépendance
  • Fonctionnalités de l'objet angular
  • Principe de l'injection de dépendance
  • Notion de module et configuration
  • Découper son application
• Définition des routes
  • Configuration des routes et URLs
  • Définitions des routes, liens et redirection, paramètres
  • Hierarchies de routes
  • Prétraitement des vues
  • Utilisation des "fragments"
• Fonctionnalité de données, Echange Serveur
  • Requêtes HTTP
  • Communication avec une API
  • Afficher des données externes
  • Afficher des données asynchrones avec AsyncPipe
• Intégration des tests automatisés
  • Utilitaires de test : Jasmine. Angular-scenario. Test : contrôleurs, services... Utilisation avec Karma.
  • End to End Testing: interface utilisateur
• Bonnes pratiques et outils
  • Yeoman, optimisation du développement
  • Internationalisation (I18N), mise en œuvre