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

Formation : 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 2


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 : 2070 CHF H.T.
  3j - 21h00




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 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.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Avis clients
4,7 / 5
Les avis clients sont issus des évaluations de fin de formation. La note est calculée à partir de l’ensemble des évaluations datant de moins de 12 mois. Seules celles avec un commentaire textuel sont affichées.
MATHIEU T.
18/09/23
4 / 5

les tps
MARC T.
18/09/23
5 / 5

Excellente session - Adaptabilité du formateur +++ - Connaissance du formateur +++
XAVIER F.
05/06/23
5 / 5

Formation au top, super formateur.




Dates et lieux
Du 17 au 19 juin 2024
FR
Classe à distance
S’inscrire
Du 30 septembre au 2 octobre 2024
FR
Classe à distance
S’inscrire
Du 2 au 4 décembre 2024
FR
Classe à distance
S’inscrire