AngularJS

Formation AngularJS : aller plus loin avec le framework AngularJS Rendre son code générique et délivrer des applications de qualité

Formation AngularJS : aller plus loin avec le framework AngularJS, rendre son code générique et délivrer des applications de qualité

Résumé

- Logiciels : Visual Studio Code/SublimeText, Firefox
- Systèmes : GNU/Linux (à jour) ou Windows 10
- Internet : Toute connexion (peu de logiciels ou librairies à installer)
- Durée : 14 heures
- Objectif : être en capacité de maîtriser les notions avancées d’AngularJS afin de produire un code de qualité, testé et générique
- Public : Développeurs AngularJS
- Pré-requis : Connaissances de base d’AngularJS. Avoir des besoins métier.
- Tarif : Nous consulter.
- Méthodes mobilisées : Alternance d’apports théoriques et d’exercices de mise en application pratique. Support numérique pour les apports théoriques, projet fil rouge partant de la création de composants simples jusqu’à la mise en place de tests unitaires, de directives et de filtres entièrement génériques
- Modalités et délais d’accès : Sur inscription préalable au minimum 1 semaine avant le début de la formation selon disponibilité du formateur.
- Modalités d’évaluations : Une évaluation du niveau des stagiaires est réalisée avant l’entrée en formation par téléphone ou au moyen d’un questionnaire. Évaluation des acquis et de la satisfaction en fin de formation.
- Accessibilité aux personnes en situation de handicap : Conformité du matériel et des locaux aux personnes à mobilité réduite. Nous informer si un stagiaire en situation de handicap demande une adaptation.
- Taux de satisfaction 2i2l : 100% des stagiaires sont "satisfaits" ou "très satisfaits" à l’issue de leur formation.

Présentation

Liens AngularJS :

- Le site officiel d’AngularJS
- Le site officiel de Visual Studio Code
- AngularJS sur w3schools
- AngularJS sur Wikipédia
- Licence d’AngularJS
- Licence de Visual Studio Code, VSCode est sous MIT Licence (X11).

Programme

Rappels sur AngularJS
- Objectifs
- Architecture générale
- Analyse d’une application type
- Projet fil rouge : Création d’une application basique de recherche de films

Bonnes pratiques générales
- Arborescence
- Optimisations et performances
- Sécurité
- Projet fil rouge : Mise en place des bonnes pratiques sur le projet de base pour accroître la maintenabilité, les performances et la sécurité

Outillage
- NPM/Bower
- Gulp/Grunt
- Minification
- jshint
- Projet fil rouge : Mise en place de l’outillage sur le projet de base

Directives
- Rappels sur les directives
- Ecriture d’une directive
- Bonnes pratiques
- Projet fil rouge : Ecriture d’une directive générique pour l’affichage d’un film (recherche, détails, bibliothèque)

Filtres
- Rappels sur les filtres
- Ecriture d’un filtre
- Bonnes pratiques
- Projet fil rouge : Ecriture d’un filtre avancé pour retrouver un film dans sa bibliothèque

Tests unitaires
- Rappels sur la logique de tests unitaires
- Karma et Jasmine
- Mocks
- Intégration continue
- Projet fil rouge : Tester un contrôleur, tester un service, tester une directive, tester un filtre