AngularJS, maîtriser le framework JavaScript de Google

Durée totale

AngularJS, maîtriser le framework JavaScript de Google

ORSYS
Logo ORSYS

Astuce: besoin de plus d'informations sur la formation? Téléchargez la brochure!

Dates et lieux de début

Il n'y a pas de dates de débuts connues pour ce produit.

Description

Depuis plus de 46 ans, ORSYS accompagne les entreprises et les organisations en les aidant à améliorer leurs performances et à réussir leurs transformations digitale, managériale, commerciale et organisationnelle. Au moyen d’une offre multimodale et actualisée en permanence qui repose sur 2 300 formations à travers 40 domaines d’expertise, dispensée en inter ou intra entreprise, en présentiel ou en classe à distance.

En complément, une bibliothèque de 600 modules e-learning est disponible.

Développé par Google, AngularJS est un framework structurant et simplifiant le développement des applications riches côté client. Cette formation vous apportera la maîtrise des fonctionnalités clés du framework : filtres, contrôleurs, templates... Vous verrez également son intégration dans une architecture REST.
Objectifs pédagogiquesÀ l’issue de la formation, le participant sera en mesure de :

  • Développer des applications Web performantes avec AngularJS
  • Maîtriser les fonctionnalités clés du framework (filtres, contrôleurs, routes, templates...)
  • Intégrer AngularJS dans une architecture orientée REST
  • Intégrer des tests automatisés


Public concerné

Architectes, développeurs et chefs de …

Lisez la description complète ici

Foire aux questions (FAQ)

Il n'y a pour le moment aucune question fréquente sur ce produit. Si vous avez besoin d'aide ou une question, contactez notre équipe support.

Vous n'avez pas trouvé ce que vous cherchiez ? Voir aussi : JavaScript, Google, Développeur / Developer, HTML et Développement Web.

Depuis plus de 46 ans, ORSYS accompagne les entreprises et les organisations en les aidant à améliorer leurs performances et à réussir leurs transformations digitale, managériale, commerciale et organisationnelle. Au moyen d’une offre multimodale et actualisée en permanence qui repose sur 2 300 formations à travers 40 domaines d’expertise, dispensée en inter ou intra entreprise, en présentiel ou en classe à distance.

En complément, une bibliothèque de 600 modules e-learning est disponible.

Développé par Google, AngularJS est un framework structurant et simplifiant le développement des applications riches côté client. Cette formation vous apportera la maîtrise des fonctionnalités clés du framework : filtres, contrôleurs, templates... Vous verrez également son intégration dans une architecture REST.
Objectifs pédagogiquesÀ l’issue de la formation, le participant sera en mesure de :

  • Développer des applications Web performantes avec AngularJS
  • Maîtriser les fonctionnalités clés du framework (filtres, contrôleurs, routes, templates...)
  • Intégrer AngularJS dans une architecture orientée REST
  • Intégrer des tests automatisés


Public concerné

Architectes, développeurs et chefs de projets Web.
Prérequis

Bonnes connaissances du HTML et des technologies du Web. Connaissance du langage de programmation JavaScript.Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant  ce test.
Programme de la formation

Rappels JavaScript

  • Composants d'une application Web. HTML5 et CSS3.
  • Outils de développement Web/JavaScript.
  • Moteurs de rendu HTML et JavaScript. DOM, BOM.
  • JavaScript rappels : prototypes, closures et callbacks.
  • Rappels sur les concepts objet en JavaScript.
  • Application Ajax orientée REST.

Exercice

Configuration de l'environnement.

Présentation du framework AngularJS

  • AngularJS, positionnement : jQuery, ExtJS...
  • Intégration. Compatibilité, versions, documentation.
  • Fonctionnalités et principes généraux.
  • Directives AngularsJS, compilateur HTML.
  • Expressions. Data-Binding bidirectionnel. Filtres.

Exercice

Préparation d'une maquette HTML pour développer avec AngularJS.

Contrôleurs et gestion des scopes

  • Création et utilisation des contrôleurs.
  • Gestion du contexte, la variable $scope.
  • Propagation des événements. API. Dirty Checking.
  • Traitement et validation des formulaires.

Exercice

Intégration des contrôleurs.

Module et injection de dépendance

  • Fonctionnalités de l'objet angular.
  • Principe de l'injection de dépendance.
  • Notion de module. Configuration.
  • Découper son application.

Exercice

Modularisation de l'application.

Définition des routes

  • Routing. API ($routeProvider). Le "deep linking".
  • Historique et accès aux paramètres de l'URL.
  • Utilisation de $location et $routeParams. Modes Hashbang et HTML5.
  • Prétraitement des vues. Utilisation des "fragments".

Exercice

Création d'une "Single Page Application".

Fonctionnalité de données, Echange Serveur

  • API ($provide, $injector). Création de provider.
  • Les méthodes : Service, Factory, Provider, Value.
  • Requête Ajax avec le service $http. Intégration REST avec le service $resource. WebSockets. API Promise.
  • Intégration avec Node.js.

Exercice

Intégration REST avec Node.js.

Intégration des tests automatisés

  • Utilitaires de test : Jasmine. Angular-scenario. Test : contrôleurs, services... Utilisation avec Karma.
  • End to End Testing : interface utilisateur.

Exercice

Création des tests unitaires.

Bonnes pratiques et outils

  • Yeoman, optimisation du développement.
  • Internationalisation (I18N), mise en oeuvre.

Démonstration

Mise en oeuvre.

Modalités pratiques

Travaux pratiquesVous transformerez une maquette HTML en "Single Page Application" utilisant les fonctionnalités du framework AngularJS.Méthodes pédagogiques;Développement, présentation d'applications existantes.

Rester à jour sur les nouveaux avi

Pas encore d'avis.

Partagez vos avis

Avez-vous participé à cours? Partagez votre expérience et aider d'autres personnes à faire le bon choix. Pour vous remercier, nous donnerons 1,00 € à la fondation Stichting Edukans.

Il n'y a pour le moment aucune question fréquente sur ce produit. Si vous avez besoin d'aide ou une question, contactez notre équipe support.

Recevoir une brochure d'information (gratuit)

(optionnel)
(optionnel)
(optionnel)
(optionnel)
(optionnel)

Vous avez des questions?

(optionnel)
Nous conservons vos données personnelles dans le but de vous accompagner par email ou téléphone.
Vous pouvez trouver plus d'informations sur : Politique de confidentialité.