Reactive Angular Course [2020, ENG] torrent

Обучающие видео » Компьютерные видеоуроки и обучающие интерактивные DVD » Программирование (видеоуроки)

Reactive Angular Course (with RxJs)

Год выпуска: 2020
Производитель: Udemy
Сайт производителя: https://www.udemy.com/course/rxjs-reactive-angular-course/
Автор: Angular University
Продолжительность: ~5.5h
Тип раздаваемого материала: Видеоклипы
Язык: Английский
Описание: This Course in a Nutshell

This course is a catalog of commonly used design patterns (and some anti-patterns) that every Angular developer should know. The goal of the course is to teach you how to comfortably design and develop applications in Angular in Reactive style using just plain RxJs, and nothing more.

This course comes with a running Github repository with the the finished code, as well as starting points for different sections of the course in case that you want to code along, which we recommend as its the best way to learn.

This course answers the common question: how far can we go in Angular while using only plain RxJs and nothing more, without introducing any state management library?

It turns out that the simple set of techniques taught in this course are very well suited for a wide range of applications, especially in-house built enterprise applications.

In this course, you will learn exactly how to use RxJs to design and develop both the service and the view layers of your application, and you will understand both the advantages and the pitfalls of the reactive approach.

Particularly when it comes to state management, it turns out that we can already go very far by leveraging only plain Angular and RxJs techniques, without using an additional state management library like for example NgRx.

These simplified state management techniques are adequate and sufficient for a large range of applications, and we believe that you should consider them first before thinking of adopting a full-blown state management solution.

How far can you go with these techniques? That's what you will find out in this course.

Course Overview

We are going to start our course by taking a small Angular application that is written in imperative style, and we are going to talk about some of the problems of that approach. Then, we are going to refactor the application and explain step-by-step how to implement it in reactive style instead.

We will explain in detail every RxJs operator that we come across in this course, the first time that we need each operator.

We are going to start with a fully stateless solution first, but later we are going to improve the user experience by applying some simple RxJs-only state management techniques. We are going to use these patterns in order to handle some of the data of the application, as well as the user authentication profile.

The key element needed to implement lightweight state management is RxJs behavior subjects so we will cover those in detail in the course. We will also provide step-by-step reactive style solutions for common UI functionality like loading indicators or error messages.
[spoiler="Содержание"]
–
Introduction
15:55
Reactive Angular Course - Helicopter View
Предварительный просмотр
07:31
Recommended Software Versions
00:18
Setting Up your Development Environment
Предварительный просмотр
08:06
–
Stateless Observables Services
01:08:15
Reviewing a component written in traditional Imperative Style
Предварительный просмотр
08:56
Understanding potential problems of a program written in Imperative style
Предварительный просмотр
05:19
Design Pattern - Stateless Observable-based Services
Предварительный просмотр
09:02
Consuming Observable-based services using the Angular async Pipe
12:18
Avoiding Angular duplicate HTTP requests with the RxJs shareReplay operator
08:38
Angular view Layer Patterns - Smart vs Presentational Components
10:13
Data Modification Example in Reactive Style (Stateless Application)
13:49
–
Reactive Component Interaction
02:18:43
Reactive Component Interaction - Section Introduction
04:26
Decoupled component communication using a shared Service
07:49
Loading Service Reactive API Design
07:07
Reactive Component Interaction using Custom Observables and Behavior Subject
12:22
Loading Indication Service - Reactive Implementation Finished
08:28
Understanding the Angular Component providers property
13:25
Error Handling and the Messages Component
05:10
Error Handling with the catchError RxJs operator
07:20
Messages Service - Implementation Finished and Demo
12:12
Local Error Handling in an Angular Material Dialog
10:29
Angular State Management - When is it Needed and Why?
07:30
Initial Implementation of a Store Service
09:05
Step-by-Step Implementation of an Angular Store Service
11:30
Store Optimistic Data Modification Operations - API Design
07:52
Store Optimistic Data Modifications - Step-By-Step Implementation
13:58
–
Authentication State Management
30:27
Authentication State Management - Section Introduction
05:49
Authentication Store - Step-By-Step Implementation
07:30
Adapting the UI according to the user Authentication status
08:25
Authentication Store - Browser Refresh support with Local Storage
08:43
–
Master-Detail UI Pattern (with built-in State Management)
25:10
Master-Detail UI Pattern - Section Introduction
04:48
Angular Master Detail Implementation - The Master Table
08:01
Angular Master Detail Implementation - The Detail Element
04:17
Angular Master Detail Implementation - Final Demo
08:04
–
The Single Data Observable Pattern
38:04
Consolidation Exercise - Implementing the Course Screen in Reactive Style
06:55
Course Component Finished - Introduction to the Single Data Observable Pattern
04:37
Reactive Angular - The Single Data Observable Pattern
10:47
Single Data Observable Pattern - Default Data Values
08:17
Refactoring an Angular Reactive Application to OnPush Change Detection
07:28
–
Conclusions and Course Summary
18:21
Other Courses
02:17
Bonus Lecture: Learn More About The Angular University And My YouTube Channel
01:27
Conclusion & Key Takeaways
14:37
[/spoiler]
Файлы примеров: отсутствуют
Формат видео: MP4
Видео: AVC, 1280x720, 16:9, 30fps, ~1000kbps
Аудио: AAC, 44.1kHz, 128kbps, stereo
[spoiler="Скриншоты"]

[/spoiler]