Developpement WEB
Détails :
AngularJS
Durée :
3 Jours
Objectif :
Cette formation vous permet d'acquérir les connaissances nécessaires pour développer une application Web avec le framework AngularJS. Bien que remplacé aujourd'hui par le Framework Angular, AngularJS reste encore beaucoup utilisé. Au terme de cette formation, vous saurez :
  • Installer le framework AngularJS
  • Comprendre l'architecture MVC proposée par AngularJS
  • Définir vos vues et vos contrôleurs
  • Mettre en oeuvre le Data Binding
  • Gérer les styles et les animations
  • Comprendre et étendre les services d'AngularJS
  • Consommer des Services Web de type REST/JSON
  • Réaliser des batteries de tests
Prérequis :
Pour suivre cette formation, les participant devront avoir suivi la formation Développement HTML / CSS / JavaScript "Moderne" ou avoir les connaissances équivalentes.
Public :
Développeurs Web Front End.
Autres Informations :
Devis :
Si vous souhaitez être contacté et obtenir plus d'informations sur cette formation veuillez remplir notre formulaire de mise en relation.
>
Cursus :
AngularJS
    Introduction et vue d'ensemble
    • Étendre HTML pour les applications Web
    • Séparer préoccupations et testabilité

    Créer l'architecture d'Angular JS
    • Assembler l'application
      • Amorcer l'application avec ng-app, Modulariser les fonctionnalités avec angular.module()
      • Gérer les dépendances avec l'injection des dépendances, Annoter les modules pour la minification)
      • Coder les contrôleurs AngularJS (Lier le contrôleur au ng-controller
      • Connecter le $scope au contrôleur
      • Mettre en oeuvre les propriétés et les méthodes du contrôleur
      • Utiliser le contrôleur sous forme de syntaxe
      • Démystifier le langage Angular
      • Examiner le digest cycle
      • Observer les expressions avec scope.$wastch()
      • Intégrer des bibliothèques externes avec scope.$apply()

    Construire une interface utilisateur interactive
    • Appliquer les directives aux modèles
      • Lier au HTML avec ng-model
      • Insérer les expressions AngularJS avec HTML
      • Afficher des ensembles de données avec ng-repeat
      • Acheminer les données dans les filtres AngularJS filters, date, currency, filter, orderby
    • Intégrer les formulaires avec AngularJS
      • Manipuler les formulaires et les entrées avec le contrôleur
      • Lier les champs des entrées, text, date, radio, checkbox, select, Basculer l'état de contrôle du formulaire avec ng-show et ng-disabled
    • Valider les entrées du formulaire
      • Exploiter les attributs HTML5 : required, min, max, pattern, Maîtriser $error, $dirty, et $invalid dans les expressions
      • Styliser avec les classes CSS Angular : ng-valid, ng-invalid, ng-pristine, ng-dirty

    Concevoir une interface utilisateur polissée
    • Travailler avec des images et des liens (Lier les URL source des images avec ng-src, Incorporer des bound links avec ng-href)
    • Intégrer le framework front-end bootstrap (Permettre une UI adaptative avec la grille bootstrap, Lier les classes bootstrap avec ng-class, navbar, progress bar, modal)

    Maîtriser les services AngularJS
    • Naviguer avec le service de routage (Répartir les fonctionnalités des applications sur de multiples vues, Spécifier ng-view et la mise en page, Configurer le service $routeProvider, Mapper les URL racine aux modèles)
    • Se connecter aux données des API REST externes (Réaliser des opérations CRUD avec le service $http, get(), post(), delete(), put(), Récupérer les données JSON de façon asynchrone, Mapper les données JSON dans les objets JavaScript)
    • Tester les fonctionnalités AngularJS (Imiter le HTTP avec $httpBackend, Contrôleurs de tests unitaires avec Jasmine)

    Etendre AngularJS
    • Développer des composants personnalisés (Sélectionner le fournisseur approprié, constant, value, factory, service, Coder un filtre personnalisé)
    • Créer des directives personnalisées (Mettre en oeuvre les restrictions pour les éléments ou les attributs, Spécifier un balisage de modèle ou templateUrl, Isoler le périmètre des directives, Produire des liaisons de données one- et two-way)

    Animer les applications AngularJS
    • Inclure le module ngAnimate
    • S'intéresser aux déclencheurs d'animations AngularJS
    • Écrire des transitions et des animations CSS
    • Incorporer le glisser-dépose

    Tester une application AngularJS
    • Testabilité d'une application Web
    • Les frameworks Jasmine et Karma
    • Mise en oeuvre d'un jeu de tests