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 formations :

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  2020 : 2090 € 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
AZZOUK M. 04/11/2019
4 / 5
la formation ainsi que son déroulement était très intéressant.

Nicolas B. 04/11/2019
5 / 5
très bon pédagogue, attentif et disponible,

Michel G. 04/11/2019
5 / 5
Très bon cours, très bonne écoute du formateur

Jacky R. 04/11/2019
5 / 5
Le contenu de la formation est bon pour une découverte du langage. De plus, le formateur explique bien et vient aider si nécessaire.

FLOCH L. 04/11/2019
4 / 5
technologie très intéressante. Formateur maitrisant son sujet. Les exercices sont clairs et bien expliqués. le formateur accorde du temps à chacun afin de s'assurer que tout le monde a bien compris

Gerald M. 02/09/2019
4 / 5
L'intitulé du cours FAN est trompeur car il s'applique à Angular 1 qui est obsolète. Heureusement le formateur compense mais le support de cours devient inadapté.

Pascal B. 02/09/2019
5 / 5
Formateur vivant et connaissant son sujet. Bonne adaptation.

Mervine L. 18/06/2019
4 / 5
Couverture complète de toute les technologies liés au développement web (pratique même si aucune connaissance dans le domaine).

Louis Z. 18/06/2019
5 / 5
Bonne initiation à AngularJS

Yves S. 18/06/2019
5 / 5
bonne pédagogie

Elyes E. 17/06/2019
4 / 5
Très intéressant comme formation ...

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
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.
En poursuivant votre navigation, vous acceptez l’utilisation de cookies nous permettant de vous proposer des offres correspondant à vos centres d’intérêt.
En savoir plus sur l’usage des cookies…   ✖ Fermer
linkedin orsys
twitter orsys
it! orsys
instagram orsys
pinterest orsys
facebook orsys
youtube orsys