d

WE ARE WISE ACADEMEX

Let’s Work Together

4 rue de berne, Résidence Tilila, 7éme étage, N°14

ANGULAR JS

A PROPOS

Cette formation permet d’acquérir les connaissances nécessaires en Angular 5

OBJECTIF

 Angular JS – Développements Web

  • Comprendre les principes de AngularJS
  • Savoir développer une application web
  • Être capable d’utiliser les bonnes pratiques de développement
illustration1

pré-requis

illustration2

 

  • Des connaissances solides en HTML Des bases en TypeScript ou une bonne connaissance du JavaScript Des bases en CSS/SCSS

Qui Devrait Suivre cette formation

Débutant Techniciens
illustration3

PROGRAMME

INTRODUCTION

  • Historique et principes généraux
  • Pattern MV*, data-binding bi-directionnel
  • Avantages et inconvénients
  • Travaux pratiques : installation et découverte
  • Développement application “Hello world !”

MODÈLES, VUES ET CONTRÔLEURS

  • Le modèle
  • Les vues : templates, expression, directives, filtres
  • Les contrôleurs : fonctionnement, le $scop

LES MODULES

  • Création et configuration, partage de services
  • Injection de dépendances

LE ROUTAGE

  • “Single page application”
  • Configuration, méthode .config du module
  • Paramètres d’url, évènements de routage

LES FORMULAIRES

  • Lien entre ng-model et contrôleur
  • Validation, états des formulaires, gestion d’erreur
  • Types de champs, classes CSS, custom validation

LES DIRECTIVES ET LES FILTRES

  • Convention de nommage, écriture normalisée
  • Types de composants, directives de templates
  • Options de configuration, transclude, scope, cycle de vie
  • Fonctions compile et link, créer ses propres filtres

CYCLE DE VIE ET SCOPES

  • Présentation du fonctionnement d’AngularJS
  • L’arbre des scopes, les méthodes de $rootscope
  • Les évènements : diffusion et interception

LES SERVICES ANGULARJS

  • Les services natifs, les values et contants
  • Factory, Service et Provider

AJAX ET REST

  • Le service “$http”, le service “$resource”
  • L’API de promise

ALLER PLUS LOIN

  • Bonnes pratiques
  • Internationalisation, angular-translate
  • L’interface, l’initialisation d’un projet

TESTER UNE APPLICATION ANGULARJS

  • Tests unitaires : Karma, Jasmine
  • Tests end-to-end (e2e) : Protractor
  • Outils de debug ng-inspector
Open chat