Angular JS
3 jours - 21 heures
Objectifs
Maîtriserez les bonnes pratiques de développement, de test et de mise en production du Framework Google.
Participants
Architectes, Chefs de Projet, Consultants, Développeurs
Prérequis
Connaissances des bases du Web, une expérience en JavaScript est souhaitable
Pédagogie
La pédagogie est basée sur le principe de la dynamique de groupe avec alternance d'apports théoriques, de phases de réflexion collectives et individuelles, d'exercices, d'études de cas et de mises en situations observées. Formation / Action participative et interactive : les participants sont acteurs de leur formation notamment lors des mises en situation car ils s'appuient sur leurs connaissances, les expériences et mettront en œuvre les nouveaux outils présentés au cours de la session.
Spécificités pédagogiques de la session à distance
Formation dispensée en visio-formation avec un séquencement adapté. Configuration et accès à notre outil de visio-formation. Accès à la bibliothèque pédagogique virtuelle durant la formation afin de partager les exercices, contrôler les résultats obtenus et déployer l’ensemble du séquencement pédagogique. La durée exacte des modules définis ci-après est susceptible de varier en fonction de la vitesse d’appropriation des concepts enseignés de la part du stagiaire.
Remarques
Public Visé
Collaborateurs - Développer ses compétences, s’affirmer comme expert dans son domaine, sécuriser son parcours professionnel ; Entreprises ou organisations - Accélérer les évolutions de carrière des collaborateurs, augmenter l’efficacité et l’employabilité des équipes… ; Demandeur d’emplois - Développer son employabilité, favoriser sa transition professionnelle...
Certification
Profil de l'intervenant
Consultant-formateur expert. Suivi des compétences techniques et pédagogiques assuré par nos services.
Accessibilité Handicap
Moyens techniques
Encadrement complet des stagiaires durant la formation. Espace d’accueil, configuration technique des salles et matériel pédagogique dédié pour les formations en centre. Remise d’une documentation pédagogique papier ou numérique à échéance de la formation.
Moyens techniques relatifs aux sessions à distance
Encadrement complet des stagiaires durant la formation. Accès à notre service technique durant l’animation pour toute limite rencontrée. Accès à l’espace de conversation instantané durant la session pour interagir avec le formateur et les participants. Transmission d’un email de contact pour réaction privée durant la session. Remise d’une documentation pédagogique papier ou numérique à échéance de la formation.
Méthodes de positionnement et d'évaluation des acquis
Un contact téléphonique est systématiquement établi avec le stagiaire ou la personne chargée de son inscription afin de définir le positionnement. Si besoin, un questionnaire est adressé pour valider les prérequis en correspondance et obtenir toute précision nécessaire permettant l’adaptation de l’action. Durant la formation, des exercices individuels et collectifs sont proposés pour évaluer et valider les acquis du stagiaire. La feuille d’émargement signée par demi-journée ainsi que l’évaluation des acquis sont adressées avec la facture.
Méthodes d'évaluation des acquis de la formation à distance
Un contact téléphonique est systématiquement établi avec le stagiaire ou la personne chargée de son inscription afin de définir le positionnement. Si besoin, un questionnaire est adressé pour valider les prérequis en correspondance et obtenir toute précision nécessaire permettant l’adaptation de l’action. Durant la formation, des exercices individuels et collectifs sont proposés pour évaluer et valider les acquis du stagiaire. La feuille d’émargement signée par demi-journée ainsi que l’évaluation des acquis sont adressées avec la facture.
Programme
Introduction
- Présentation générale, philosophie du framework
- Apports d’AngularJS, les principales nouveautés
- Structure du framework
- Outils de développement intégrés
- Installation, première application et outillage
TypeScript et ES6
- Introduction à TypeScript
- Transpiler ECMAScript
- Let, variables locales et constantes
- Types et classes
- Modules, import et export
- Interfaces
- Arrow functions
- Utiliser les décorateurs
- ES6 et injections de dépendance
Composants et directives
- Annotations (@Component et @View)
- Vues (templates et styles)
- Directives (ngIf, ngFor, ngSwitch…)
- Cycle de vie
- Utilisation des composants dans les templates
- Web components
Pipes
- Pipes natifs (uppercase, lowercase, percent, currency…)
- Création de pipes
Formulaires
- Nouvelles méthodes de création d’un formulaire
- Systèmes de validation et gestion des erreurs
- Créer ses propres validateurs spécifiques
- Groupes de contrôles, objet Control
Services et injection de dépendances
- Services fournis
- Créer un service
- Annotation Injectable
- Providers, injection des services
La programmation réactive
- Concepts
- Promesses
- Observables
- Introduction à RxJS
Navigation
- Concepts de routage
- Configuration des routes et URLs
- Directives du router
- Routes imbriquées
Serveurs et communication HTTP
- Requêtes, réponses, communication avec une API
- Méthodes et paramètres HTTP
Tests
- Tests unitaires
- Tests fonctionnels
Migration
- Composants AngularJS
- ng-upgrade : coexistence
- Le projet ng-forward
