Angular JS

Très bonne pratique du langage JavaScript
Connaissance des fondamentaux Internet et HTML

Découvrir AngularJS
Développer une application riche à partir d’une maquette statique
S’intégrer dans une architecture orientée REST

Accessible selon le nombre de places disponibles.
Les participants recevront leur convocation au plus tôt deux semaines avant le début de la formation.

À l’issue de chaque module, le formateur évaluera chacun des participants en fonction des cas pratiques et exercices effectués.

Une attestation de formation vous sera remise.

• Alternance d’exercices, cas pratiques, QCM et de notions théoriques, projet Fil Rouge.
• Evaluations régulières et retour du formateur sur les points moins bien assimilés.
• Les supports de cours seront mis à disposition via notre la plate-forme de téléchargement AJC Classroom.
• Accès à notre plateforme à distance de Classe Virtuelle
  Mêmes possibilités et interactions avec votre formateur que lors d’une formation présentielle. En effet, votre formation se déroulera en connexion continue 7h/7 :
  • • • Echanges directs avec le formateur et l’équipe pédagogique à travers la visioconférence, les forums et chats
      • Vérification de l’avancement de votre travail et évaluation par votre formateur à l’aide d’exercices et de cas pratiques
      • Suivi pédagogique et conseils personnalisés pendant toute la formation

   

  Vous recevrez les informations de connexion par mail dès votre inscription. En cas de problème de connexion, vous pourrez joindre notre équipe à tout moment (avant ou même pendant la formation) au 0182837241 ou par mail à l’adresse hotline@ajc-formation.fr.

Les personnes en situation de handicap sont invitées à nous communiquer leurs besoins spécifiques. Nous ferons tout pour les mettre dans les meilleures conditions de suivi de la formation (compensation, accessibilité…)

Attestation de formation

Ingénieurs
Développeurs

Quelques rappels pour bien commencer

• Javascript : prototypes, closures et callbacks
• La boîte à outils du développeur Web/Javascript
• Qu’est-ce qu’une architecture orientée REST ?
•  

AngularJS : positionnement et principes généraux

• Un écosystème riche de librairies spécialisées
• JQuery, le couteau suisse du développeur web
• Architecture et fonctionnalités d’AngularJS
•  

Premiers pas : de la maquette à l’application

• Intégration de la librairie AngularJS
• Notion de binding
• Utilisation des expressions

Contrôleurs et Scopes

• Association d’un contrôleur à un template
• Notion de scope, et hiérarchie des scopes
• Propagation des événements de binding

Routeur : applications single-page, multi-vues

• Configuration du routage, notion de deep-linking
• Gestion de l’historique de navigation et accès aux paramètres de l’URL
• Préparer l’affichage d’une vue

Modules et services : une architecture souple

• Notion de module, module par défaut
• Modularisation de l’application sous forme de services
• Injection de dépendances : avantages et bonnes pratiques

Gestion des formulaires

• Validation des champs de saisie
• Traitement des formulaires

Intégration dans une architecture REST

• Appels AJAX avec le service $http
• Consommer des ressources REST avec le service $resource
• Mise à jour asynchrone : notion de promise

Internationalisation (I18N)

• Activation de l’internationalisation
• Formatage des dates, nombres et monnaies

Filtres

• Mise en place d’un filtre existant
• Paramétrage du filtre “filter”
• Développer son propre filtre

Directives

• Définition et API
• Cycle de vie d’une directive;
• Manipulation du scope dans les directives
• Collaboration avec ngModelController
• Transclusion
• Boite à outil : $parse, $compile, angular.element

Authentification

• Particularités aux applications single-page
• Bonnes pratiques et outils pour l’authentification

Tests unitaires

• Approche des technologies : Jasmine, KarmaJS
• Tests unitaires avec ngMock
• Tests end to end avec Angular Scenario

Au-delà d’AngularJS

• Industrialisation du développement avec Yeoman
• Optimisation des ressources (javascript, images)
• Simplifier les styles CSS avec un préprocesseur
• Angular-UI et autres modules