Création d’applications Web avec AngularJS

Formation #2321 - 4 jours

Crédits ECTS* : 10

*formation éligible aux parcours diplômants de SUPINFO International University

Sessions planifiées

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

Intra-entreprise

Learning Tree au cœur de votre entreprise.

Demander un devis

À propos de cette formation :

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.

Vous apprendrez à :

  • 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

Travaux Pratiques :

  • 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

À qui s'adresse cette formation ?

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.

Contenu de cette formation :

Introduction et vue d’ensemble

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

Créer l’architecture d’AngularJS

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

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

Étendre 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é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

Animer les applications AngularJS

  • 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

Inscrivez-vous dès maintenant - sans risque

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

  • Pas de paiement à l'avance
  • Payez jusqu'à 30 jours après la formation
  • Votre satisfaction est garantie - ou vous ne payez pas la formation

Vous pouvez organiser cette formation dans votre entreprise

Organisez une formation Learning Tree sur votre lieu de travail avec notre solution intra-entreprise.
Que votre entreprise nécessite une seule formation ou un cursus complet, Learning Tree dispose de l'infrastructure, des technologies, des formateurs experts et de la maitrise pour gérer tous les aspects de votre formation - où et quand vous le souhaitez.

Suivez votre formation avec AnyWare d'où vous voulez

Suivez nos formations chez vous, du bureau ou dans le centre AnyWare de Learning Tree le plus proche et bénéficiez du même enseignement pratique de qualité délivré par nos formateurs.
AnyWare c'est notre plateforme de formation présidentielle à distance par Internet.

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.

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.