Éditeur : Université angulaire

Prix : 89 $

Durée du cours :

->

Langue du cours : Anglais

La description

Ce cours en bref

Dans ce cours, nous allons apprendre en détail les avantages de créer une interface utilisateur frontale en tant que application d’une seule page, par opposition à une application multipage traditionnelle.

Les applications d’une seule page (ou SPA) existent depuis des années et sont aujourd’hui plus populaire que jamais comme un moyen simplifié de créer des frontaux d’entreprise ou des tableaux de bord de produits Internet.

Les SPA donnent généralement à l’utilisateur final une bien meilleure expérience utilisateur, en raison de leurs performances et de leur réactivité mieux perçues. Dans ce cours, nous apprendrons à utiliser le routeur angulaire pour transformer notre application angulaire en SPA.

Aperçu du cours

Nous allons prendre comme point de départ une petite application Angular qui n’a pas encore de routage. Nous allons ensuite apprendre à configurer le routeur angulaire à partir de zéro. Nous n’assumerons aucune connaissance préalable du routeur angulaire, car nous expliquons tout, depuis les premiers principes.

Nous allons commencer par présenter le concepts de routeur essentiels telles que la configuration de l’itinéraire, les chemins, les sorties de routeur et les liens de navigation du routeur. A partir de ces concepts essentiels, va construire un scénario de routage beaucoup plus avancé.

Nous allons apprendre à créer un scénario maître-détail avec un scénario de navigation de détail à détail, et nous utiliserons cet exemple pour présenter tous les concepts de routage avancés et des fonctionnalités puissantes que le routeur angulaire nous offre.

Cela comprendra des modules de chargement paresseux, la prélecture des données avec Resolvers, la protection de l’accès aux itinéraires avec des gardes, des stratégies de préchargement personnalisées, des prises secondaires (itinéraires auxiliaires) et bien plus encore.

Table des matières

Ce cours couvre les sujets suivants:

• Qu’est-ce qu’une application d’une seule page?

• Meilleures pratiques pour la configuration du routeur: route principale, route non trouvée, etc.

• Concepts de configuration essentiels du routeur: chemins, composants et prises

• Concepts de navigation essentiels du routeur; les directives routerLink et routerLinkActive

• Meilleures pratiques de routage relatif vs absolu

• Comprendre la correspondance des chemins et l’ordre de configuration du routeur

• Paramètres de chemin d’accès et de requête du routeur

• Redirection de routeur

• Lien profond avec le routeur angulaire: maître-détail avec scénario de navigation de détail à détail

• Comprendre les instantanés de routeur par rapport aux observables de routeur

• Itinéraires chargés paresseux

• Pré-chargement des données d’itinéraire avec Resolvers

• Stratégies de préchargement du module de routeur, création d’une stratégie de préchargement personnalisée

• Gardes de routeur – Gardes d’authentification CanActivate et CanActivateChild

• Empêcher les sorties de route avec les gardes CanDeactivate

• Vérifier si un module paresseux peut être chargé avec CanLoad

• Indicateur de chargement du routeur

• Comprendre la stratégie d’emplacement du hachage de routeur

• Prises de routeur secondaires et routes auxiliaires

• Les options de configuration supplémentaires du module routeur: enableTracing, scrollPositionRestoration, paramsInheritanceStrategy, etc.

Qu’allez-vous apprendre dans ce cours?

À la fin de ce cours, vous vous sentirez à l’aise configurer le routeur angulaire à partir de zéro dans une application Angular existante.

Vous saurez non seulement l’essentiel du routeur avec toutes ses fonctionnalités les plus avancées, mais surtout vous saurez exactement quand utiliser chaque fonctionnalité et pourquoiet vous connaîtrez de nombreuses meilleures pratiques qui vous aideront à tirer le meilleur parti du routeur angulaire.