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

Sessions planifiées inter-entreprises

Inscrivez-vous à une de nos sessions en sélectionnant un mode de suivi :

27 juin 2017 - 1332 € - À Paris ou À distance
Offre last minute (-40%) !
26 septembre 2017 - 2220 € - À Paris ou À distance
5 décembre 2017 - 2220 € - À Paris ou À distance

Aucune session ne vous convient ? Faites-nous part de vos disponibilités dans votre demande de devis.

Demander un devis

Intra-entreprise

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

Demander un devis

Crédits ECTS : 10

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

Financez votre formation

  • Programmes Visa Société et Passeport
  • Réduction Return to Learn

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.

Notre catalogue

Vous souhaitez parcourir toute notre offre de formation ultérieurement ?

Téléchargez notre catalogue

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.