Couvre Angular 5 (anciennement Angular 2) - Apprenez la bibliothèque Angular Ngrx Store, construisez une application de chat.

Description
Dans ce cours, nous allons apprendre l'écosystème de la bibliothèque Ngrx Angular Ngrx, à savoir tout ce qui tourne autour de la bibliothèque Ngrx Store et Ngrx Effects, et des architectures de magasin en général.

Le cours couvre la version Angular 5 (également connue sous le nom de Angular 2), et consiste à construire pas à pas une application de chat.

L'un des insectes les plus célèbres de tous les temps ?

Sautons sur une machine à remonter le temps et retournons en 2014 : nous nous trouvons au siège social de Facebook à Menlo Park, non seulement nous sommes remontés dans le temps, mais nous nous sommes retrouvés au sein d'une des équipes de développement de logiciels les plus avancées au monde.
Vous pourriez penser que l'équipe serait occupée à ajouter de nouvelles fonctionnalités, mais à notre arrivée, l'équipe travaille sans relâche pour essayer de corriger un bogue particulier : quelque chose d'aussi simple qu'un compteur de messages non lus dans un système de chat.

C'est une de ces situations que seul un développeur peut comprendre : l'équipe essaie de corriger le bogue de toutes sortes de façons, mais le bogue revient sans cesse, mois après mois ! le compteur dit qu'il y a plusieurs messages non lus : l'utilisateur clique sur le compteur et il n'y a rien.

C'est un bug super visible dans la plus grande application web du monde : 1,3 milliards d'utilisateurs et ça continue, des ressources sans fin à épargner, certaines des meilleures équipes logicielles du monde.

Et pourtant, un bug apparemment simple mais très insaisissable ne cesse de revenir : un compteur est mal calculé : comment cela peut-il se produire ? c'est ce que vous découvrirez dans ce cours.

Un insecte à l'origine d'une nouvelle architecture ?
Comment une équipe aussi avancée avec des ressources presque illimitées pourrait-elle lutter pour corriger un seul bogue ? En tant que développeur, vous pourriez trouver que cette situation n'est pas vraiment surprenante ; vous auriez dû dire à votre gestionnaire que l'application ne peut pas être sauvegardée : c'est tellement mal écrit qu'elle doit être reconstruite à partir de zéro.

Vous avez trouvé un problème d'architecture dans votre application : cela arrive à chaque équipe.

Dans ce cours, nous allons comprendre exactement quel était le vrai problème derrière le bogue du compteur Facebook, et apprendre la nouvelle architecture logicielle du frontend dont il est à l'origine : Flux.

Cette nouvelle architecture a été présentée au monde entier lors d'une série de conférences, dont une démo du problème du compteur de chat original... Avez-vous déjà vu cette application de chat de démonstration dans le troisième entretien des discussions recommandées par Flux ? c'est ce que vous allez construire dans ce cours.

Qu'est-ce que nous construirons dans ce cours ?

Nous allons construire étape par étape une application de chat qui reproduit la situation à laquelle l'équipe Facebook a été confrontée avec le compteur de messages non lus. nous allons résoudre le problème non pas en utilisant le distributeur Flux original, mais en utilisant une solution dérivée basée sur RxJs : The Angular Reactive Extensions Ngrx Store.

Nous allons utiliser le CLI Angular pour rapidement scaffold une application, et mettre en uvre le frontend de l'application de chat à partir de zéro : à partir d'un dossier vide - chaque ligne de code sera expliquée.

Le backend sera également expliqué, mais nous aurons d'abord un backend en cours d'exécution comme point de départ, de sorte que nous nous concentrons sur l'architecture du frontend et la solution de magasin.

Nous allons construire l'application en utilisant les principes de la programmation réactive et un ensemble de bibliothèques de l'écosystème Angular Reactives Extensions (Ngrx) : cela inclura le Ngrx Store, Ngrx Effects, DB, l'intégration de routeur.

Nous allons couvrir les avantages de l'Immutabilité et de la détection du changement OnPush, ses avantages et ses inconvénients.

Qu'allez-vous apprendre dans ce cours ?

Nous allons apprendre à utiliser Typescript pour définir clairement le modèle de domaine, le modèle de vue et même les modèles de transfert de notre application, ainsi que l'état de l'application qui va à l'intérieur du magasin.

Nous allons apprendre quels types d'états sont habituellement conservés à l'intérieur du magasin, et comment ils sont liés à l'état dans la base de données, et nous allons apprendre tous les concepts habituels des architectures de magasin : Actions, Dispatching et Réducteurs.

Nous couvrirons les outils de développement Ngrx, y compris le débogueur voyageant dans le temps, et nous introduirons une petite bibliothèque d'utilitaires pour nous aider à déboguer les applications RxJs en général.

Nous couvrirons la conception d'API de backend pour les frontaux qui utilisent des architectures de magasin : quel type d'API à concevoir si l'on construit une API à partir de zéro, et comment intégrer un magasin avec les API existantes.

Aperçu du cours

Le cours commencera par un bref aperçu architectural sur le problème du compteur Facebook, le flux et le flux de données unidirectionnel, puis nous plongerons directement dans le bâtiment du frontend de notre application de chat.

Une fois que nous aurons une solution de stockage opérationnelle, nous allons introduire les outils de développement et ajouter d'autres bibliothèques de l'écosystème Ngrx étape par étape.

Que pourrez-vous faire à la fin de ce cours ?

L'objectif du cours est simple : vous maîtriserez les architectures Flux et single store et saurez quand utiliser une solution store et pourquoi, quelles en sont les raisons et les cas d'utilisation les plus courants.

Vous serez capable d'utiliser Typescript pour modéliser toutes les structures de données nécessaires pour les différentes couches de votre application, vous saurez comment développer des applications en utilisant RxJs et le Ngrx Store, comprendre les concepts liés aux architectures de stockage et savoir comment configurer les outils de développement et utiliser les bibliothèques les plus importantes de l'écosystème Ngrx.

Des échantillons gratuits de plusieurs parties du cours sont disponibles.

CLIQUEZ ICI pour accéder à ce cours