Couvre Angular 5 (anciennement Angular 2) - Créez votre propre bibliothèque, Apprenez les fonctions avancées de Angular 5.

Description
Le référentiel de code de ce cours utilise la version Angular 5, Typescript et le gestionnaire de paquets Yarn.

Ce cours utilise le langage Typescript et comprend un livre électronique auxiliaire - The Typescript Jumpstart Ebook.

Souhaitez-vous construire votre propre bibliothèque Open Source ?
Le but de ce cours est de vous donner tous les outils nécessaires pour que vous puissiez faire votre propre bibliothèque open source Angular Library.

Nous allons construire une série de petites bibliothèques open source de difficulté progressivement croissante, et nous allons apprendre un grand nombre de fonctionnalités avancées Angular d'une manière très amusante et pratique.

Quelle est la meilleure façon d'apprendre les fonctions angulaires avancées ?
La meilleure façon d'apprendre Angular et ses fonctionnalités les plus avancées est de simplement prendre et l'utiliser pour construire quelque chose de très concret, comme par exemple une application ou une bibliothèque - et de le faire étape par étape, car il n'y a pas de remplacement pour cette expérience.

Afin de comprendre une technologie, nous avons vraiment besoin de construire quelque chose de non-trivial avec elle - les billets de blog et les documents ne nous mèneront que jusqu'à un certain point.

C'est bien sûr très long à faire sans aucune aide car nous devrons tout apprendre par nous-mêmes au fur et à mesure que nous construisons quelque chose, en collant ensemble un nombre infini de billets de blog, de documentation et de réponses Stackoverflow.

L'objectif est de créer un scénario de pratique et d'apprendre les fonctionnalités avancées d'Angular dans leurs cas d'utilisation d'origine, là où elles sont les plus sensées et donc les plus faciles à apprendre.

Quelles sont les bibliothèques que nous construirons dans ce cours ?
Nous allons construire les bibliothèques suivantes, et apprendre comment les publier sur NPM en utilisant le format Angular Package Format : Nous allons commencer par faire une boîte de saisie personnalisable Font Awesome et apprendre les avantages de concevoir nos composants en utilisant une projection de contenu par rapport à une conception plus basée sur les entrées/sorties.

Ensuite, nous allons progressivement augmenter la difficulté de chaque bibliothèque : nous allons construire un conteneur d'onglets dynamiques qui permet de recevoir un modèle en tant qu'entrée de composant, ce qui permet de remplacer des parties du modèle de composant tout en conservant une apparence par défaut pour le composant.

Nous construirons ensuite un composant modal dynamique réutilisable avec un contenu personnalisable, dont le contenu est configurable via une projection de contenu ou un modèle d'entrée, et introduira la notion de Directives structurelles.

Nous apprendrons également comment les directives et les composants d'un module donné peuvent interagir de manière transparente, indépendamment de l'endroit où ils sont utilisés dans le modèle, en utilisant un service de bibliothèque partagé, puis nous construirons une directive de masque d'entrée, où nous couvrirons certains comportements avancés de manipulation du clavier.

A la fin du cours, nous allons prendre tous les composants et directives que nous avons construits dans les sections précédentes, et nous allons construire un exemple plus grand en les utilisant : Un Widget Modal de Paiement !

Nous présenterons ensuite le module Animations angulaires, et l'utiliserons pour animer le widget modal, nous verrons comment définir les animations qui peuvent être réutilisées à travers les composants.

Qu'allez-vous apprendre dans ce cours ?
Nous apprendrons comment créer une bibliothèque compatible AOT dans le format Angular Package Format, comment définir un module de bibliothèque, comment isoler les styles d'un composant tout en les rendant personnalisables, comment concevoir des composants et des directives pour les rendre plus faciles à maintenir - les rendant personnalisables tout en donnant un comportement par défaut aux composants.

Nous couvrons toutes les fonctionnalités les plus avancées d'Angular, y compris la conception d'API de composants, les meilleures pratiques de style de composants, les modèles et les sorties de modèles, le contenu ng, le conteneur ng, l'isolation et la personnalisation du style, l'AOT, les événements globaux, le débogage avec le CLI, @ViewChildren, @ContentChildren, Light DOM vs Shadow DOM, @HostBinding, @HostListener @HostListener.

Mais plus que de présenter les fonctionnalités de manière isolée, nous les utiliserons dans des cas d'utilisation réelle, ce qui rendra les fonctionnalités beaucoup plus faciles à apprendre.

Que serez-vous capable de faire à la fin de ce cours ?
A la fin de ce cours, vous connaîtrez les fonctionnalités les plus avancées d'Angular, mais surtout vous saurez quand les utiliser et pourquoi, comment construire des bibliothèques angulaires open source, et comment les mettre à la disposition de la communauté open source sur NPM.

Avec ce cours avancé, vous aurez une base solide sur Angular : vous serez très probablement capable de vous attaquer aux tâches de développement angulaires plus avancées que vous rencontrerez dans votre travail quotidien ou dans vos projets personnels.

Jetez un coup d'oeil aux leçons gratuites ci-dessous, et profitez du cours !

CLIQUEZ ICI pour accéder à ce cours