Référence | F171808 |
Prix par personne en présentiel ou distanciel | 1500 € |
Session ouverte | A partir de 2 personnes |
Intra-entreprise | Nous consulter |
Public concerné : Développeurs Javascript, architectes et chefs de projets web.
Durée : 3 jours
Prérequis : Bonne connaissance de Javascript, pratique du développement web.
Objectif : Concevoir une Single Page Application, être productif avec Angular, s’intégrer avec d’autres bibliothèques Javascript, éviter les pièges pour garder un code structuré et maintenable.
Méthodes et moyens pédagogiques : Formation réalisée en présentiel ou en distanciel (Choix à définir). Exposés, cas pratiques, synthèse. Matériel : 1 poste par stagiaire, vidéoprojecteur, tableau.
Support de cours fourni à chaque stagiaire.
Modalités de suivi et d’évaluation : Exercices de mise en pratique ou quiz de connaissances tout au long de la formation permettant de mesurer la progression des stagiaires. Questionnaire d’évaluation de la satisfaction en fin de stage. Feuille de présence émargée par demi-journée par les stagiaires et le formateur. Attestation de fin de formation.
Informations pratiques : Accessibilité , modalités et délais d’accès.
Contenu de formation :
Rappel optionnel : ES6 et Typescript
Qu’est-ce qu’Angular ?
Vue d’ensemble de l’architecture :
- Modules
- Composants
- Templates
- Metadonnées
- Data Binding – Liaison de données dynamique
- Directives
- Services
- Injection de dépendance
Introduction en pratique :
- Création d’une mini-application
- ng-cli l’outil ad-hoc en ligne de commande
- Les décorateurs Typescript
- Equivalence avec Javascript
Organisation des composants
Syntaxe des templates :
- Interpolation
- Liaison de propriétés
- Liaison d’événements
- Variables locales
- Directives structurelles ngIf, ngFor, ngSwitch…
Communication inter-composants :
- Entrées
- Sorties
- Alternatives avancées
Les formulaires :
- Pilotés par template
- Pilotés par le code
Injection de dépendances et services :
- Injecter un service
- Fournir un service
- Partager un service
- Configuration du moteur de DI
Directives :
- Les directives fournies par Angular
- Ecrire une directive
Pipes :
- Les pipes fournies par Angular
- Ecrire son pipe
Tester son code :
- Tests unitaires
- Tests d’intégration
Inclusion de bibliothèques externes
Http :
- Utilisation du module Http
- Bouchonnage
Routeur
Utilisation avancée :
- Style d’encapsulation CSS
- Cycle de vie et hooks
- Zones
- Animations
- Transclusion
- Fonctionnement interne du data-binding
- Création d’un composant de façon programmatique
- Rendu côté serveur avec Angular Universal
- Compilation statique de l’application’ (AOT)