Profitez de -25 % pour toute nouvelle inscription à nos formations jusqu’au 31 décembre 2026

Formation en Développement: AngularJS - Mise en oeuvre avancée - Ascent Formation
Retour aux formations
Développement

Formation AngularJS - Mise en oeuvre avancée

3 jour(s) • 21h
Éligible OPCO
8,8/10 avis apprenants

Description

Objectif de formation : AngularJS vous permettra de structurer et simplifier le développement de vos applications riches côté client.

  • Appréhender le framework dans ses éléments les plus avancés
  • Comprendre le rôle et les forces du framework
  • Maîtriser l'ensemble des outils d'AngularJS pour la réalisation d'apps Web

  • Architectes
  • Développeurs
  • Ingénieurs

  • Bases solides en Javascript et en développement Web

  1. 1

    Introduction (rappels)

    • Data binding bidirectionnel
    • Pattern MVVM
    • HTML5 & le framework
    • Javascript & le framework (fonctions et callbacks)
    • Architecture & outils
    • Intégration de la librairie
    • Binding
    • Utilisation des expressions
    • Fonctionnement des contrôleurs
    • Modèle & contexte
    • Classification des contextes
    • Création des contextes
  2. 2

    Vues, moteur de template & binding

    • Utilisation des contrôleurs dans les vues
    • Directives : affichage, champs de saisie, répétitions et actions utilisateur
    • Langage d’expressions & syntaxe
    • Appel des méthodes et utilisation de filtres
    • Inclusion de templates
    • Templates “inline”
  3. 3

    Debugger

    • Méthodes de l’objet Angular
    • Utilisation de Batarang
    • Interception des exceptions avec $exceptionHandler
  4. 4

    Tests sous AngularJS

    • Tests unitaires : Jasmine & Testacular
    • Tests fonctionnels avec ScenarioRunner
    • Tests des contrôleurs et services
    • Tests en isolation céation : objets mocks
    • Injection de dépendances
    • Service $httpBackend
  5. 5

    Fonctionnement interne

    • DOM as a template
    • Mise à jour des templates
    • Exécution du code $apply(…)
  6. 6

    Routage & application mono-page multi-vues

    • Paramétrage du routage
    • Notion de deep-linking
    • Configuration de l’URL
    • Hash-bang URIs
    • Déploiement des traitements au préalable du chargement d’une vue
    • Gestion de l’historique de navigation & accès aux paramètres de l’URL
    • Préparation de l’affichage d’une vue
  7. 7

    Formulaires

    • Composants de formulaire
    • Validation des données du formulaire et champs de saisie
    • Traitement des formulaires
  8. 8

    Serveur et architecture REST

    • Services $http, (intercepteurs de réponse, appels Ajax)
    • Services $resource pour API de type “REST”
    • “Server-Sent Events” ou “WebSocket”
  9. 9

    L’API de “promise”

    • Mise à jour asynchrone
    • Fonctionnement des promises
    • Utilisation des promises (binding des templates et $http)
    • Enchaînement des tâches en élaborant ou en assemblant des promises
  10. 10

    Application, modules et services

    • Création & configuration d'un module
    • Module par défaut
    • Démarrage (bootstrap) automatique ou manuel d'une application
    • Directive ng-init
    • Utilisation de modules pour le partage des services entre applications
    • Application as a service
    • Injection de dépendances
    • Méthodes de création d'un service (factory(), service(), provider(), value()...)
    • Minimisation du code JS
    • Configuration des services
    • Service $injector
  11. 11

    Filtres du framework

    • Utilisation de filtres simple
    • Combinaison de filtres
    • Filtrage paramétré
    • Création de filtres
    • Filtrer dans la vue ou dans le contrôleur
  12. 12

    Découverte des directives

    • Fonctionnement & compilation des directives
    • Transformation en listeners et watchers
    • Priorités
    • Fonctions “compile”, “preLink” et “postLink”
    • Directives avec template, transclusion et isolation du contexte
    • Utilisation des attributs dans les directives
    • Contrôleur élaboré et partagé par des directives
    • Création de composants réutilisables sous forme de widgets
  13. 13

    Best practices

    • Approche “dirty checking”
    • Choix d’un $watch, un filtre, ou une méthode du $scope
    • Séparation du code métier et du code de présentation
    • Comportement à bannir dans un contrôleur
  14. 14

    AngularJS & architectures web modernes

    • Architecture REST
    • Web mobile
    • Stockage local & mode déconnecté
  15. 15

    Ouverture

    • Yeoman : industrialisation du développement
    • Optimisation des ressources
    • Simplification des styles CSS avec un préprocesseur

Ils nous font Confiance

Nos partenaires de confiance

Ministère des armées
Thalès
Dassault Systèmes
Ariane Group
EDF
SNCF
Orange Cyberdefense
Total
Société Générale
Ministère de l'Intérieur
Boston Consulting Group
Crédit Agricole
Capgemini
Sopra Steria
Ministère de l'économie
Bouygues Télécom
Devoteam
Imprimerie Nationale
Business France
Ordre National des Pharmaciens
Abeille Assurances
Macif
Service Public Fédéral Finances
ANFH
Bruxelles Formation
Atlas OPCO
Uniformation
Adeo
Positive Thinking Company
Sogelink
Septeo
HN Services
Infotel
Ercom
Neosoft
Klaxoon
Asus
Linkvalue
Suneris
Datadocké

Questions fréquentes

FAQ : Formation AngularJS - Mise en oeuvre avancée

  • Oui, mais la prise en charge d'une formation professionnelle par un OPCO dépend de votre opérateur de compétences, de votre branche d'activité et des critères de financement applicables. Ascent Formation vous accompagne dans l'identification des possibilités de financement adaptées à votre entreprise.

  • Une formation inter-entreprises réunit des participants issus de différentes organisations, tandis qu'une formation intra-entreprise est organisée pour les collaborateurs d'une même entreprise. Le format intra permet notamment d'adapter le contenu et les modalités aux besoins spécifiques de vos équipes.

  • Selon la formation proposée, il est possible de suivre une formation professionnelle à distance, en présentiel ou selon d'autres modalités disponibles. Consultez les informations de la session concernée ou contactez-nous pour connaître les formats possibles.

  • Oui, une formation professionnelle peut être adaptée aux objectifs, au niveau des participants et aux besoins opérationnels de votre entreprise. Ascent Formation vous propose des parcours personnalisés pour accompagner le développement des compétences de vos équipes.