Rechercher une Formation
Go
Nous contacter
+212 (0) 522 247 210
+212 660 034 951
Calendrier
Planning des Formations
Domaines de Formation
Big Data, SGBD, IA, BI, SAP
Développement Logiciel, Devops
Gestion de Projet et MOA
Management des SI
Messagerie Collaboratif
Réseaux et Télécoms
Robotique, IoT et Systèmes Embarqués
Sécurité Informatique
Technologies Web, Digital, CRM
Tests Logiciels et Applications
Virtualisation, Stockage, Cloud
Windows, Linux, Unix, Mac, IBM
Activités de Conseil
Conseil en AMOA SI
Audit d'application informatique
Audit Infrastructure Systèmes et Réseaux
Audit de Parc Informatique
Audit Sécurité Informatique
Conseil en Big Data
Conseil en Business Intelligence
Conseil en DevOps et DevSecOps
Audit et Conseil DEVOPS
Audit et Conseil DEVSECOPS
Conseil Digital
Transformation Digitale
Experience Client Digitale Personnalisée
Digitalisation de la Supply Chain
Transformation de la DSI
Sécurité des projets IT
Tests Applications et de Logiciels
Conseil en Intelligence Artificielle
Conseil en Système d'Information
Audit du Système d'Information
Conseil en organisation SI
Gouvernance du SI
Schéma Directeur
Sécurité du Système d'Information
Conseil en Virtualisation et Cloud Computing
Conseil et Accompagnement en Virtualisation
Conseil et Accompagnementen Cloud Computing
Coaching
Remboursement
Qui sommes-nous ?
10 Critères qui font notre différence
Le Mot du Directeur
Nos Engagements
Politique RH
Charte Qualité
Charte Ethique
Accueil
>
Technologies WEB
>
Angular 2+ : développements avancés
Formation #TWC103
Formation Angular 2+ : développements avancés
Durée : 4 jours
Code : TWC103
Si vous avez un besoin URGENT et que vous souhaitez une date de formation plus proche que les sessions programmées (minimum 15 à 20 jours ouvrés à date de votre demande)
Cliquez-ici
×
Besoin urgent
Nom
*
:
Prénom
*
:
Poste
*
:
Email Professionnel
*
:
Entreprise
*
:
Tél fixe
*
:
Mobile
*
:
✓ Valid
Nombre participants
*
:
Date estimative souhaitée de début de formation
*
:
Commentaires :
Email
Partager
Partager
Partager
Partager
Partager
Objectifs
Comprendre les concepts avancés qui portent Angular
Augmenter les performances d'une application Angular
Intégrer les outils de documentation et les librairies externes incontournables
Développer des Progressive WebApps
Programme
Approche Pédagogique
Public Cible
Programme
1/ Mécanismes internes d’angular
Fonctionnement du change detection
Les Zones
Optimisation des cycles de rendu, exécution hors ZoneJS
Retour sur RxJS
Utilisation de RxJS dans les services
Gestion des modules et lazy loading
Angular 9 Ivy Engine : configuration et migration
Utilisation des observables
Création, combinaison, opérateurs clés
Compilation ahead of time
Webpack bundle analyzer
2/ Routage avancé
Requêtes HTTP avancées
Configuration du routage et modules de routage
Stratégies de routage
Route Guards
Paramètres optionnels
3/ Les tests
L’infrastructure de test : Jasmine, Karma et Protactor
Tests de composants
Tests et injection de dépendances
Tests et routage
Tests et code asynchrone
Tests et appels Http
Le Code-Coverage
Behaviour driven development, Test driven development
Cas de test : pipe, component, service, etc
4/ Création de composants distribuables
Les web components
Méthodologie : interactive component sheet
Les décorateurs
Le change detection mode
Composants neutres versus à état. Communication entre composants, optimisation ES6
Projection de contenu, pilotage de composants enfants
Préparer les composants pour la distribution
Documentation : génération dynamique
5/ Composants riches et librairies externes
Gestion des développements multi-projet
Découverte de l'écosystème Angular pour la gestion des données, AngularFire, NgRx
Les bibliothèques UI : Angular Material, Prime NG...
Les animations
6/ Formulaires avancés
Création de validateurs
Select : ngValue, compareWith, sélection multiple
Relation inter-champs
L’option ‘updateOn’
Formulaires dynamiques :
Création de formulaire dynamique : ReactiveFormsModule
FormControl et FormGroup, AbstractControl, FormArray
Validation et gestion d'erreur personnalisée
Création de modèles de données
Utilisation du FormBuilder
Création dynamique de template
Abstraction de composant métier de formulaire
7/ Echanges serveur
WebSocket
Sécurisation
Interception des échanges
Suivre l’avancement des requêtes
8/ Améliorer les performances
La stratégie OnPush
Mutabilité et immutabilité
Désactivation du ‘change detection’
L’option trackBy de la directive ngFor
Optimiser la taille des livrables : la compilation AoT
Réduire les temps de chargement : le chargement différé des modules
Présentation d’Angular Universal
9/ PWA
Principes des Progressive WebApps
Importance du mode déconnecté
L’API ServiceWorkers
10/ Internationalisation (aka I18N)
Angular I18N standard
i18n marker
Singulier / pluriel & select
ng-xi18n
AOT gotchas
@ngx-translate
Concept de la librairie
Chargement à chaud des traductions
Approche Pédagogique
Approche Pédagogique
Pédagogie très opérationnelle fondée sur l'alternance entre théorie et pratique
Cas pratiques
Remise d’outils
Echanges d’expériences
Public Cible
Chefs de projets
Développeurs