Cette formation Angular Initiation vous permettra de maîtriser les différentes facettes et concepts du framework. Vous découvrirez également les bonnes pratiques architecturales et l’état de l’art des environnements de développement.
700 € HT
Architectes, développeurs et chefs de projets Web et toute personne souhaitant apprendre à découvrir et maîtriser le framework Angular.
Bonnes connaissances des technologies du web et des outils modernes de développement. Bonne maîtrise de JavaScript.
Jour 1
Matin
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
Après-midi
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
Jour 2
Matin
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
Après-midi
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
Jour 1
Matin
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
Après-midi
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
Jour 2
Matin
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
Après-midi
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
Jour 1
Matin
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
Après-midi
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
Jour 2
Matin
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
Après-midi
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
Abonnez-vous à la newsletter et restez informé des dernières actualités.
