Angular, développement avancé

3 - Avancé

21 heures 0 mins

Développement web avec Angular

Objectifs de la formation

Connaître l’architecture et les fonctionnalités avancées d’Angular
Maîtriser les grands principes de la programmation réactive
Développer une application web dynamique et performante
Réaliser des tests unitaires

Programme de la formation

TypeScript – Prise en main du langage pour le développement d’applications web – OPTION digital learning préformation

Introduction.
Installation.
Les bases du langage.
La programmation orientée objet (POO).
Modules et fichier de définition.

Activités digitales

Cette vidéo formation d’1h49 présente le langage TypeScript et apprend à l’utiliser pour développer des applications web plus robustes et sécurisées. Après une introduction à son évolution et à son environnement (Visual Studio Code, Node.js, CLI), les participants étudieront les bases du langage, la programmation orientée objet et le système de modules. À l’issue de la formation, ils seront prêts à utiliser TypeScript avec des frameworks comme Angular, React, Vue ou Node.js.

Rappel sur le fonctionnement d’Angular

Introduction au cli Nx : installation, création de projet, gestion des workspaces.
Component-level Lazy Loading.
Data binding, mode manuel : ChangeDetectorRef, détection de changements avancée.

Travaux pratiques

Installation et configuration de l’environnement. Architecture et Lazy Loading. Optimisation des performances.

Architecture avancée

Design patterns avancés pour Angular.
Architecture orientée composants et micro-frontends.
Gestion d’état avancée avec différentes approches.
Stratégies d’optimisation des performances.

Travaux pratiques

Workshop sur les patterns architecturaux. Gestion d’état avancée. Optimisation des performances.

Programmation réactive avec RxJS

Fondamentaux de RxJS et concepts clés.
Opérateurs avancés et leurs cas d’usage.
Stratégies de gestion des souscriptions.
Patterns réactifs courants et émergents.

Travaux pratiques

Exploration des observables. Implémentation de patterns réactifs. Cas d’usage avancés.

Testing et optimisation

Tests unitaires avancés avec Jasmine.
Tests d’intégration avec TestBed.
Techniques d’optimisation des performances.
Stratégies de déploiement optimisé.

Travaux pratiques

Tests unitaires avancés. Optimisation des performances. Déploiement optimisé.

Fonctionnement interne d’Angular

ZoneJS : concept et principes fondamentaux.
Gestion du contexte d’exécution asynchrone.
Stratégies d’optimisation des cycles de rendu.
Patterns de performance avec et sans Zone.
Cycles de vie des composants et leur impact.

Travaux pratiques

Exploration de ZoneJS. Optimisation des cycles de rendu. Patterns et cycles de vie.

Programmation réactive avec RxJS

Sélection et utilisation appropriée de RxJS.
Observables avancés et patterns de conception.
Gestion avancée des flux de données.
Optimisation des performances avec RxJS.

Travaux pratiques

Workshop sur les observables avancés. Refactorisation vers RxJS.

Sécurité et Route Guards

Architecture des Route Guards.
Implémentation des différents types de guards.
Stratégies de pre-fetching et lazy loading.
Sécurisation avancée des routes.

Travaux pratiques

Implémentation des guards. Configuration du pre-fetching. Cas pratiques de sécurisation.

Optimisation avancée

Techniques d’optimisation avancées.
Outils de monitoring et profiling.
Stratégies de débogage.

Travaux pratiques

Audit et optimisation. Monitoring des performances. Débogage avancé.

API des signaux

Présentation de l’API des signaux et son écosystème.
Concepts fondamentaux et principes de fonctionnement.
Comparaison avec les autres approches réactives.
Patterns d’utilisation avancés des signaux.

Travaux pratiques

Introduction aux signaux. Implémentation pratique. Analyse de cas d’usage.

Implémentation des signaux

Création et gestion de signaux complexes.
Patterns d’utilisation avancés.
Stratégies de migration.
Optimisation et bonnes pratiques.

Travaux pratiques

Signaux avancés. Migration vers les signaux. Revue technique.

Intégration et cas pratiques

Intégration avec RxJS et patterns hybrides.
Gestion d’état avancée avec les signaux.
Stratégies de communication intercomposants.
Optimisation de performance.

Travaux pratiques

Intégration RxJS et Signaux. Développement de features. Optimisation des performances.

Angular 16 — Développer des applications dynamiques et interactives – OPTION digital learning post-formation

Initialisation d’un projet d’application web avec Angular.
Prise en main d’Angular.
Gestion des données via des services.

Activités digitales

Cette vidéo formation de 1h34 apprend à utiliser Angular 16 pour développer des applications web dynamiques et interactives. Après une introduction au développement de Single Page Applications et à l’utilisation de la ligne de commande Angular, les participants créeront un projet fil rouge pour maîtriser les composants, l’affichage de données dynamiques et la structuration du code avec des services. Ils découvriront également l’usage de RxJs pour gérer les flux de données asynchrones et adopteront les bonnes pratiques du développement Angular.

MOYENS PÉDAGOGIQUES ET TECHNIQUES D’ENCADREMENT DES FORMATIONS

Modalités pédagogiques :

Évaluation des besoins et du profil des participants.
Apport théorique et méthodologique : séquences pédagogiques regroupées en différents modules.
Contenus des programmes adaptés en fonction des besoins identifiés pendant la formation.
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de travaux pratiques, étude de cas et mise en situation.
Méthodes expositive, active et participative.
Réflexion et échanges sur cas pratiques.
Retours d'expériences.
Corrections appropriées et contrôles des connaissances à chaque étape, fonction du rythme de l’apprenant mais également des exigences requises au titre de la formation souscrite.

Éléments matériels :

Mise à disposition des outils nécessaires au bon déroulement des travaux pratiques.
Support de cours au format numérique projeté sur écran et transmis au participant en fin de la formation.

Référent pédagogique et formateur :

Chaque formation est sous la responsabilité du directeur pédagogique de l’organisme de formation.
Le bon déroulement est assuré par le formateur désigné par l’organisme de formation.

MOYENS PERMETTANT LE SUIVI ET L’APPRÉCIATION DES RÉSULTATS

Feuilles de présences signées des participants et du formateur par demi-journée.
Attestation de fin de formation mentionnant les objectifs, la nature et la durée de l’action et les résultats de l’évaluation des acquis de la formation.

Please login to get access to the quiz

Back to Développement web avec Angular

Public

Architectes, développeurs, chefs de projet.

Pré-requis

Avoir de bonnes connaissances d’Angular, des technologies du web et des outils de développement front-end.

Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en effectuant le test disponible en bas de cette page.

Lieu de formation

Intra-entreprise/à distance

Dates ou période

À définir. Nous consulter

Tarif

Sur devis. Merci de nous contacter

Modalités

Pour s’inscrire à notre formation, veuillez nous contacter par mail ou téléphone.

Démarrage de la formation sous deux semaines (délai indicatif).

Nous contacer

training@profind.fr

Informations complémentaires

Pour toute réclamation, aléas ou difficultés rencontrés pendant la formation, veuillez prendre contact avec notre organisme par téléphone ou par e-mail. Nous mettrons tout en œuvre pour trouver une solution adapter.

Formation synchrone, réalisée à distance en visioconférence via l’application Microsoft Teams ou en présentiel dans les locaux du client.

Développement web avec Angular