Création d’applications Web avec AngularJS

Formation #2321 - 4 jours

Angular JS fournit un framework exhaustif qui permet de développer des applications modernes monopages (SPA) en utilisant vos compétences en HTML et en JavaScript. Dans cette formation Angular JS, vous apprenez à intégrer les directives et les expressions AngularJS dans le balisage HTML 5 et à écrire des contrôleurs et des services JavaScript pour créer une application Web complète et riche en fonctionnalités.

  • Créer une application AngularJS monopage complète (SPA)
  • Créer l'interface utilisateur avec des modèles, des directives et des filtres
  • Coder les contrôleurs avec JavaScript et lier les données aux modèles
  • Développer des formulaires liés aux données pour réaliser un accès CRUD
  • Maîtriser des services intégrés pour un accès aux données REST
  • Étendre AngularJS avec des services personnalisés, des filtres et des directives

  • Créer des mises en page, des modèles et des vues HTML5 pilotées par les données
  • Coder des modèles de couplage, des contrôleurs et des services avec JavaScript
  • Exploiter le two-ways data binding contre les services Web REST
  • Produire des directives AngularJS personnalisées réutilisables
  • Animer l'interface utilisateur avec les transitions et transformations CSS3

Les développeurs côté client ayant de l'expérience dans les langages HTML, JavaScript et CSS qui souhaitent utiliser AngularJS pour créer des applications Web.

  • Fonctionnalités et bénéfices d’AngularJS
  • Étendre HTML pour les applications Web
  • Séparer préoccupations et testabilité

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 œuvre 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()

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

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

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

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émets 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
  • Inclure le module ngAnimate
  • S’intéresser aux déclencheurs d’animations AngularJS
  • Écrire des transitions et des animatitons CSS
  • Incorporer le glisser–déposer

Crédits ECTS : 10

Formation éligible aux parcours diplômants de SUPINFO International University.

Sessions planifiées

Appelez le 01 49 68 53 00 ou inscrivez-vous en ligne en sélectionnant une date ci-dessous :

27 juin 2017 - 2220 €
Paris - AnyWare
26 septembre 2017 - 2220 €
Paris - AnyWare
5 décembre 2017 - 2220 €
Paris - AnyWare

Inscription sans risque : pas de paiement à l'avance, réglement jusqu'à 30 jours après la formation, satisfaction garantie ou vous ne payez pas la formation.

Financez votre formation

Le financement de votre formation ne doit pas être un obstacle. Nos conseillers vous aiderons dans vos démarches avec les OPCA par exemple.
Profitez également de la réduction Return to Learn qui récompense les participants ayant déjà suivi une formation Learning Tree.
Pour en savoir plus, cliquez ici.

Votre formation à distance et en direct !

Sans frais supplémentaires, depuis tout lieu possédant une connexion Internet, connectez-vous en temps réel et en direct à une session dispensée par nos formateurs grâce à AnyWare™, la plateforme de formation en distanciel de Learning Tree.

Intra-entreprise

Organisez cette formation Learning Tree sur votre lieu de travail avec notre solution intra-entreprise.

Demander un devis

Suivez une formation Learning Tree et profitez des avantages de SUPINFO International University !

Pour toute formation que vous aurez suivi chez Learning Tree, SUPINFO International University vous offre pendant un an le statut Advanced Member d'une valeur de 250€.
Ce statut privilégié vous permettra de profiter de ressources pédagogiques sélectionnées par SUPINFO :

* Services disponibles prochainement.