Formation Applications Web à page unique avec Angular JS

Développez vos compétences. Zéro euro à payer. Grâce à nos formations payées par l’Etat

Description

Dans ce cours, nous examinerons la conception de base d’AngularJS 1.x (la version la plus récente d’AngularJS 1), ainsi que ses composants et ses techniques d’organisation de code. Nous améliorerons les fonctionnalités de notre application Web en réutilisant les services existants et en écrivant les nôtres à l’aide de l’injection de dépendances. Nous allons créer des composants HTML réutilisables qui utilisent la liaison de données AngularJS et étendre la syntaxe HTML avec une fonctionnalité AngularJS très puissante appelée directives. Nous allons configurer le routage afin que notre SPA puisse avoir plusieurs vues. De plus, nous apprendrons à tester unitairement nos fonctionnalités. À la fin de ce cours, vous aurez créé une application Web entièrement fonctionnelle, bien organisée et testée dans AngularJS que vous pourrez déployer dans le cloud.

Programme :

1. Introduction à AngularJS

  • Configuration de l’environnement de développement – Ce dont nous aurons besoin
  • Configuration de l’environnement de développement pour Mac
  • Configuration de l’environnement de développement pour Windows
  • Pourquoi ne pas garder les choses simples ?
  • Pourquoi le code devient-il complexe ?
  • Pourquoi le code devient-il complexe ?
  • Modèle-Vue-VueModèle (MVVM)
  • Installation d’AngularJS et première application simple
  • Partage de données avec la portée View Through
  • Implémentation de l’exemple NameCalculator dans AngularJS
  • Que se cache-t-il derrière la « magie » : les attributs HTML personnalisés7m
  • Dependency Injection
  • Comment fonctionne l’injection de dépendances en Javascript
  • Protéger l’injection de dépendance de la minification
  • Expressions et interpolation

2. Filtres, cycle de résumé, héritage du contrôleur et services personnalisés

  • Filtres
  • Création de filtres personnalisés
  • Digest Cycle
  • $digérer et $appliquer
  • Reliure à 2 voies, 1 voie et 1 fois
  • de-répéter
  • Filtré par répétition
  • Héritage prototype
  • Portée Héritage
  • Contrôleur en tant que syntaxe
  • Services personnalisés
  • Services personnalisés avec .factory()
  • Services personnalisés avec .provider()
  • ng-if, ng-show et ng-hide

3. Promesses, Ajax et directives personnalisées

  • Comportement asynchrone avec promesses et $q
  • Ajax avec le service $http
  • Directives : HTML dynamique
  • restreindre la propriété
  • Portée isolée de la directive : « = » et « @ »
  • Utilisation des contrôleurs dans les directives
  • API de directives et « & »
  • Manipulation du DOM avec lien
  • Utilisation de la transclusion de Directive pour envelopper d’autres éléments

4. Composants, événements, modules et routage

  • Composants et architecture basée sur les composants
  • Système d’événements AngularJS
  • Modules
  • Routage
  • État de routage avec contrôleur
  • État de routage avec résolution
  • État de routage avec paramètres d’URL
  • État de routage avec vues imbriquées
  • Événements de transition d’état du routeur

5. Validation des formulaires, tests et développement du site du restaurant

  • Form Validation
  • Tester Javascript avec Jasmine
  • Test des contrôleurs AngularJS
  • Tester les services AngularJS et $http
  • Testing AngularJS Directives
  • Tester les composants AngularJS
  • Configuration du serveur du restaurant
  • Structure de base de l’application Restaurant
  • Codage d’un chargeur/d’un fileur
  • Codage de l’intercepteur $http
  • Affichage des catégories de menu de codage
  • Vue par catégorie unique 

Vous êtes accompagné


Publié

dans

par

Étiquettes :