Clever Council Maroc - Cercle IMAGE

Clever Council Maroc - Formation ICON Formation Front End Angular.js

Catégorie de la formation : ERP, Développment logiciel, Web et DEVOPS

Formation Front End Angular.js

Durée de la formation : 5 jours

Clever Council Maroc - Formation Titre Icon Formation Front End Angular.js

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.

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

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

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

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

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

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

ExerciceCréation des tests unitaires.

Bonnes pratiques et outils

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

DémonstrationMise en oeuvre.

Clever Council Maroc - Front End Angular.js Détails de la formation Front End Angular.js

Développer des applications Web performantes avec Angular.JS

Maîtriser les fonctionnalités clés du framework (filtres, contrôleurs, routes, templates...)

Intégrer Angular.JS dans une architecture orientée REST

Intégrer des tests automatisés

Architectes, développeurs et chefs de projets Web.

Bonnes connaissances du HTML et des technologies du Web.

Connaissance du langage de programmation JavaScript.

Une pédagogie active et variée entre théorie et pratique avec des discussions.

Développement, présentation d'applications existantes.

Clever Council Maroc - Formations similaires ICON Formations similaires

Clever Council Maroc - Mail ICON Contactez-nous

Adresse

1 Rue Abou Taour, Socrate, 4éme étage N12 - Casablanca, 20370