Venez en toute sécurité dans nos centres ! Voir notre dispositif sanitaire

> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation AngularJS, maîtriser le framework JavaScript de Google > Formations > Technologies numériques > Formation AngularJS, maîtriser le framework JavaScript de Google

AngularJS, maîtriser le framework JavaScript de Google

AngularJS, maîtriser le framework JavaScript de Google

Télécharger au format pdf Partager cette formation par e-mail


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.


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf : FAN
Prix : 2050 € HT
  3j - 21h
Pauses-café et
déjeuners offerts




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

Objectifs pédagogiques

Public concerné

Architectes, développeurs et chefs de projets Web.

Public concerné

Prérequis

Bonnes connaissances du HTML et des technologies du Web. Connaissance du langage de programmation JavaScript.

Prérequis

Pédagogie

Travaux pratiques
Vous 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.

Pédagogie

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.
  • 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.
  • 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.
  • 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.
  • 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".
  • 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.
  • 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.
  • 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.
  • Yeoman, optimisation du développement.
  • Internationalisation (I18N), mise en oeuvre.
Démonstration
Mise en oeuvre.


Programme de la formation

Parcours certifiants associés

Pour aller plus loin et renforcer votre employabilité, découvrez les parcours certifiants qui contiennent cette formation :

Parcours certifiants associés

Solutions de financement

Selon votre situation, votre formation peut être financée par :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
Contactez nos équipes pour en savoir plus sur les financements à activer.

Solutions de financement

Avis clients

4,4 / 5
OLIVIER T.
25/10/21
5 / 5

intervenant compétent et progression intéressante dans l’apprentissage des notions
JÉRÔME B.
25/10/21
5 / 5

La formation était très complète et dense. Le fait de partir de zéro était un gros point fort de la formation.
ANAIS B.
21/07/21
3 / 5

Stage enrichissant!


Les avis clients sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.


Avis clients

Horaires

En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
En classe à distance, la formation démarre à partir de 9h.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 15h30 le dernier jour.

Infos pratiques

Dates et lieux

Pour vous inscrire, sélectionnez la ville et la date de votre choix.
Du 19 au 21 janvier 2022
Classe à distance
S’inscrire
Du 19 au 21 janvier 2022
Paris La Défense
S’inscrire
Du 16 au 18 mai 2022
Paris La Défense
S’inscrire
Du 16 au 18 mai 2022
Classe à distance
S’inscrire
Du 8 au 10 août 2022
Classe à distance
S’inscrire
Du 8 au 10 août 2022
Paris La Défense
S’inscrire
Du 3 au 5 octobre 2022
Paris La Défense
S’inscrire
Du 3 au 5 octobre 2022
Classe à distance
S’inscrire

Dates et lieux