Angular JS

  • Référence : DEANGJS1
  • Durée : 3 jours (21 heures)
  • Certification : Non
  • Eligible CPF : Non

RÉSUMÉ

La formation Angular JS propose de comprendre et d'apprendre à utiliser Angular JS en 3 jours et de se familiariser avec les composants du framework. Cette formation s'adresse aux stagiaires ayant déjà suivi la formation DERS106 portant sur le développement des sites Web dynamiques avec JavaScript. Il est tout de même possible de suivre la formation Angular JS sans avoir suivi la formation DERS106, à condition de posséder les connaissances et compétences indispensables à la compréhension de la nouvelle plateforme de développement abordée. L'objectif est d'être en capacité d'optimiser les développements mis en œuvre. Au terme de la formation Angular JS les apprenants se voient remettre une attestation faisant état des connaissances acquises lors de ce stage.

CONNAISSANCES PREALABLES

  • Avoir suivi la formation DERS106 - Développer des sites Web dynamiques avec JavaScript ou disposer des connaissances et compétences équivalentes

PROFIL DES STAGIAIRES

  • Développeurs Web

OBJECTIFS

  • Découvrir et comprendre le fonctionnement d’Angular JS
  • Se familiariser avec les composants du framework
  • Comprendre comment utiliser AngularJS pour optimiser et améliorer ses développements

METHODES PEDAGOGIQUES

  • Mise à disposition d’un poste de travail par participant
  • Remise d’une documentation pédagogique papier ou numérique pendant le stage
  • La formation est constituée d’apports théoriques, d’exercices pratiques et de réflexions

METHODES D'EVALUATION DES ACQUIS

  • Auto-évaluation des acquis par le stagiaire via un questionnaire
  • Attestation de fin de stage adressée avec la facture

FORMATEUR

Consultant-Formateur expert Développement Internet

CONTENU DU COURS

1 - Présentation d’Angular JS

  • Introduction
  • Historique
  • Site web VS One page site
  • Philosophie d’angular
  • Pré-requis Apache / PHP / MySQL

2 - Binding

  • Introduction au binding
  • Bonnes pratiques

3 - Modules

  • Propriétés

4 - Scopes

  • $scope
  • HTML ?
  • $scope Lifecycle
  • Directives et Scopes

5 - Contrôleurs

  • Hiérarchies

6 - Expressions

  • Principes
  • Utilisation

7 - Les filtres

  • Principes
  • Réaliser son propre filtre
  • Validation de formulaire

8 - Les directives

    9 - Enrichir du HTML

    • Transférer des données aux directives
    • Built-In Directives
    • Directives Built-in basique
    • Directive avec scope enfant
    • Définition d’une directive Definition
    • Scope
    • Cycle de vie d’angular
    • ngModel

    10 - Vues multiples et Routage

    • Installation
    • Template
    • Routes
    • $location
    • Gestion de l’historique

    11 - Services

    • Déclaration
    • Utilisation
    • Option de création des services

    12 - Interagir avec le serveur

    • $http
    • Intercepteurs
    • $httpProvider
    • $resource
    • Custom $resource Methods
    • $resource Configuration Object
    • $resource Services

    13 - Communication serveur

    • Présentation rapide de node.js

    14 - Gestion des évènements

    • Propagation
    • Listening
    • Event Object

    15 - Binding en détail et $apply

    • Rester à l’écoute !
    • Dirty Checking
    • Quand utiliser apply