menu logo orsys formation
NOUS CONTACTER - +33 (0)1 49 07 73 73
NOUS CONTACTER - 📞 +33 (0)1 49 07 73 73    espace pro ESPACE PRO     inscription formation orsys S'INSCRIRE     drapeau francais   drapeau anglais
Nos domaines de formation :
Toutes nos formations Développement Front-End

Formation AngularJS, maîtriser le Framework JavaScript de Google

4,3 / 5
Stage pratique
Best
Durée : 3 jours
Réf : FAN
Prix  2019 : 2030 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Cycles certifiants
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis vérifiés
Programme

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

  • 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

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

Cycles certifiants
Participants / Prérequis

» Participants

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.
Intra / sur-mesure

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.
Avis vérifiés
picto avis vérifiés
Frédéric P. 15/04/2019
4 / 5
Un peu trop condensé sur 3 jours.

Agnès L. 15/04/2019
5 / 5
Contenu clair. Le formateur prend le temps pour reprendre les points non compris. Il sait aussi s'adapter aux différents niveaux des participants. Il gère très bien le temps car malgré nos différentes questions et nos différentes compétences le programme a été respecté.

Benoit L. 15/04/2019
5 / 5
Formateur expérimenté qui connait bien les technologies du web et capable de réponde à toutes nos questions sur le sujet.

Matthieu V. 11/02/2019
2 / 5
Contenu pas structuré. Durée pas adapté. Pas le temps de comprendre ni d'exercer. Formateur qui ne maitrise pas sa formation. Il a passé une bonne partie à essayer de comprendre ses erreurs même avec ses corrigés.

Thierry R. 17/12/2018
5 / 5
Une introduction efficace à AngularJS

Jérémy S. 17/12/2018
5 / 5
Très bonne formation, niveau hétérogène, qui ralenti la formation

Florence H. 12/11/2018
5 / 5
certains slides sont passés vite sinon très bien

Jerome L. 12/11/2018
5 / 5
très intéressant, intervenant très pédagogue

Thomas D. 05/11/2018
4 / 5
Rappels HTML/CSS un peu longs le premier jour Support de cours avec beaucoup de fautes d'orthographe

Selle K. 22/10/2018
4 / 5
Formation très satisfaisante malgré le temps court de son déroulement

Clément H. 22/10/2018
4 / 5
trop de contenu par rapport au temps imparti, pas assez de temps pour pratiquer à tête reposée en prenant le temps de réfléchir. Support de cours non utilisé, mais pas nécessaire non plus vu le déroulement de la formation

Majed C. 22/10/2018
5 / 5
l'animateur est top top top....

LARUE 22/10/2018
5 / 5
Très bonne approche pédagogique, bon rythme, explications et exercices clairs. Très satisfait

Maxime D. 22/10/2018
5 / 5
Formation très intéressante, formateur très compétent et qui prends le temps d'expliquer correctement les différents sujets. Globalement très satisfait de la formation

Cyrille V. 15/10/2018
4 / 5
Le contenu correspond à ce qui était annoncé. Le formateur est très pédagogue et maitrise parfaitement son sujet.

Florian R. 15/10/2018
5 / 5
Formateur passionné et très pédagogique. Cela se ressent sur la qualité de la formation

Vincent V. 15/10/2018
5 / 5
Cette formation était très vivante. Le formateur est très compétent, répond rapidement à toutes les questions et résoud tous les problèmes que l'on peut rencontrer.

Aurelien C. 08/10/2018
4 / 5
N'ayant jamais pratiqué le frawework angular, cette formation m'a permis d'avoir une vision d'ensemble d'Angular.

Alain E. 08/10/2018
4 / 5
Dense et rapide

Alain M. 08/10/2018
5 / 5
ours très interactif. beaucoup d'exemples, le formateur maitrise bien son sujet.
Avis client 4,3 / 5

Les avis client 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.

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[+]
PARIS
[+]
AIX
[+]
ANGERS
[+]
BORDEAUX
[+]
BRUXELLES
[+]
DIJON
[+]
GENEVE
[+]
GRENOBLE
[+]
LILLE
[+]
LIMOGES
[+]
LUXEMBOURG
[+]
LYON
[+]
MONTPELLIER
[+]
NANCY
[+]
NANTES
[+]
NIORT
[+]
ORLEANS
[+]
REIMS
[+]
RENNES
[+]
ROUEN
[+]
SOPHIA-ANTIPOLIS
[+]
STRASBOURG
[+]
TOULON
[+]
TOULOUSE
[+]
TOURS

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.
linkedin orsys
twitter orsys
it! orsys
instagram orsys
pinterest orsys
facebook orsys
youtube orsys