Développement web avec Angular

Angular, développement avancé

21 heures 0 mins

Développement web avec Angular

Objectifs de la formation

  • Savoir utiliser les décorateurs Angular
  • Architecturer les applications web complexes
  • Intégrer les outils de documentation et les tests unitaires
  • Développer et intégrer des librairies de composants

Programme de la formation

Rappel sur Angular

  • Introduction au cli Nx
  • Architecture applicative
  • Component-level Lazy Loading
  • Automatiser la documentation
  • Data Binding, mode manuel : ChangeDetectorRef

Travaux pratiques

Analyser et optimiser une application.

Fonctionnement interne d’Angular

  • ZoneJS : le concept.
  • Optimisation des cycles de rendu, exécution hors ZoneJS.
  • Choisir RxJS.
  • Utilisation des observables.
  • Route guards et Resolve
  • CanActivate, CanActivateChild : protéger une route
  • Pre-fetching avec resolve

Travaux pratiques

Créer une application utilisant RxJS.

Les Signaux

  • Présentation de l’API des signaux, définition, lecture et écriture
  • Les signaux en lecture seule.
  • Lien avec le monde des observables.
  • Les signaux calculés.
  • Les effets.

Travaux pratiques

Réécrire un composant utilisant des observables en remplaçant ces derniers par des signaux et dérivés.

Angular Standalone

  • Pourquoi cette nouveauté ?
  • Mise en place d’un component standalone
  • Une nouvelle architecture sans module
  • Passage d’une architecture modulaire à un 100% standalone

Travaux pratiques

Exemple d’utilisation des composants standalone

Internationalisation

  • Internationalisation : i18n marker
  • Gestion des textes à traduire
  • Gestion du pluriel

Formulaire dynamique : le FormBuilder

  • 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.

Travaux pratiques

Mise en œuvre de la génération et les cycles de validation avancée de formulaire.

Tests unitaires. Bonnes pratiques et outils

  • Karma et Jasmine.
  • Tests d’intégration avec Protractor.
  • Le Code-Coverage.
  • Behaviour driven development, Test driven development.
  • Cas de test : pipe, component, service, etc.

Travaux pratiques

TDD : développer une application à partir de tests unitaires.

Server Side rendering : Angular Universal

  • ServerModule
  • Moteur back-end (Node.js et autres) : @nguniversal/express-engine

Travaux pratiques

Exemple d’application Angular côté serveur

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
Angular, maîtriser le Framework Front-End de Google (Prev Lesson)
Back to Développement web avec Angular
Public

Architectes, développeurs et chefs de projets.

Pré-requis

Bonnes connaissances du framework de Google Angular, des technologies du web et des outils modernes 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.

Sur le même thème