Formation AngularJS 1

Développer des applications riches avec AngularJS 1

sablier-violet  Durée : 3 jours

Référence : ANG 01

Réservez votre session

Paris

Nous consulter

1390 € HT











Objectifs

Appréhender les caractéristiques du Framework
Mettre en oeuvre une architecture MV* modulaire
Tester unitairement et de bout en bout son application

Public

Développeurs et architectes Web

Pré-requis

Pratique d’HTML, CSS et Javascript

Méthodes pédagogiques

50 % théorie / 50 % pratique

Modalités d’évaluation

Un questionnaire d’évaluation à chaud sera adressé aux participants à la fin de la formation. Cette évaluation mesure le niveau 1 de Kirkpatrick.

Description

Développé par Google en open-source, AngularJs est le framework JavaScript qui a le vent en poupe !

AngularJS vous permettra de structurer et simplifier le développement de vos applications riches côté client.

Dans cette formation complète à AngularJS, vous découvrirez et manipulerez les principaux objets d’Angular : Router, Controller, Services, Directives, Filters. Vous pourrez également tester votre application.

Programme

Introduction

  • Des sites webs classiques aux Single Page Application.
  • Rappels Javascript :
  • Variables et types, truthy / falsy
    Fonctions, notion de callback, closures, portée des variables, revealing module pattern
    Objets : JSON et Prototype

 

Les Views

  • L’approche déclarative
  • Binding et expressions
  • Les principales directives fournies par le framework

 

Les controllers

  • Scope et héritage de scopes
  • Double data-binding, single-binding et $digest loop
  • Les évènements, l’observer pattern

 

Les filters

  • Déclaration des filtres dans les views
  • Le service $filter
  • Créer ses filtres

 

Les formulaires

  • Les directives de formulaire
  • Soumission de formulaire et gestion des erreurs de saisie

 

Les services

  • Les services fournis par AngularJS
  • L’injection de dépendance
  • Différences et implémentation des Service, Factory, Provider, Value et Constant

 

Requêtes http

  • Service $http et API REST
  • Asynchrone et promises
  • Les interceptors

 

Organiser son application

  • Gestion par modules
  • Bootstrap d’un application : phases de config et de run

 

Le routeur

  • Configuration de ngRoute, gestion des URLs et des templates
  • Resolve de route
  • Navigation avec le service $location

 

Les directives

  • Types de directives et propriétés
  • Scope de directive et portée
  • Controller de directive
  • Mécanisme de transclusion
  • $watch et $observe
  • Manipuler le DOM : angular.element et jqLite

 

Les tests

  • Le framework Jasmine
  • Tests unitaires avec Karma : stratégies de tests des différents objets AngularJS
  • Mocker ses données
  • Tests End to End avec Protractor : Scénariser ses tests avec les objets browser, element et locator