Angular ngrx store мастер-класс - Видеоуроки

Angular ngrx store masterclass - cover Angular 4
Duration 08:23:50
Открыть все курсы от udemy
Облачный хостинг на SSD с лучшей техподдержкой! Развернуть приложение в один клик

Angular ngrx store masterclass - cover Angular 4 - Полный список уроков

Развернуть / Свернуть
  • Урок 1. Course Helicopter View 00:06:53
  • Урок 2. Quick Note About Asking Questions In The Help Forums 00:03:29
  • Урок 3. Installing an IDE - Webstorm or Visual Studio Code 00:03:43
  • Урок 4. Scaffolding an Application Using the Angular CLI 00:04:46
  • Урок 5. Installing The Lodash Utility Library 00:02:35
  • Урок 6. Using the Angular CLI to Scaffold All Application Components 00:06:25
  • Урок 7. What Should be put inside the Store? 00:02:20
  • Урок 8. A Critical Notion For Any UI We Build - Model vs View Model 00:04:47
  • Урок 9. Using Typescript Custom Types To Define The Application Model 00:04:10
  • Урок 10. Implement a Simple In-Memory Database Learn What Goes Inside a Store 00:07:16
  • Урок 11. First HTTP Call - What is a Transfer Object 00:08:51
  • Урок 12. Store Concepts Introduction 00:02:53
  • Урок 13. How To Switch Git Branches During The Course? 00:03:59
  • Урок 14. Getting a REST API Server Running 00:04:58
  • Урок 15. Installing A Store Solution 00:02:18
  • Урок 16. Defining The Store Application State - How Many Types Of State Are Th 00:06:03
  • Урок 17. The Store as an Observable of Application State 00:04:40
  • Урок 18. Dispatching Our First Store Action 00:06:27
  • Урок 19. Setting The Store Initial State - Debugging First Action Dispatch 00:07:36
  • Урок 20. Writing Our First Reducer Function Step By Step 00:08:40
  • Урок 21. Summary Of How a Store Actions and Reducers Work 00:04:14
  • Урок 22. Smart Components and Reactive Programming Techniques - Introduction 00:03:38
  • Урок 23. Building the Thread Section Using Reactive Programming 00:09:19
  • Урок 24. See How Simple It Is To Implement An Unread Messages Counter Using A Store 00:06:09
  • Урок 25. A Simple Way To Debug An Angular Program 00:01:45
  • Урок 26. Defining a View Model - Difference Between View Model and Model 00:04:28
  • Урок 27. Refactoring the Thread Section Component - Extracting Mapping Functions 00:01:38
  • Урок 28. Writing The Thread Summaries Selector 00:07:38
  • Урок 29. Implementing our First Presentational Component - The Thread List Component 00:04:55
  • Урок 30. Refactoring The Selector Functions of The Thread Section Component 00:04:54
  • Урок 31. Best Practices for Writing Selector Functions 00:05:04
  • Урок 32. Ngrx Effects and DevTools Introduction 00:01:48
  • Урок 33. Simplifying Smart Components - The Ngrx Effects Library 00:04:18
  • Урок 34. Understanding the NgRx Effect Decorator - How to Use It? 00:04:33
  • Урок 35. The Added Value Of Ngrx Effects and How It Simplifies Smart Components 00:02:59
  • Урок 36. The Ngrx Store DevTools and the Time Travelling Debugger 00:05:21
  • Урок 37. How to Debug RxJs Code? 00:05:28
  • Урок 38. A Simple RxJs Debugging Utility 00:07:03
  • Урок 39. Selecting A Thread - Initial Implementation 00:05:49
  • Урок 40. Understanding Combine Reducers 00:10:58
  • Урок 41. Writing The Reducing Logic of Select Thread Action 00:01:59
  • Урок 42. Introducing the Message Section Component 00:04:45
  • Урок 43. Message Section - Reviewing the Implementation of the Name List Selector 00:08:46
  • Урок 44. Review of The Messages List Implementation - View to View Model Mapping 00:04:52
  • Урок 45. Implementation of the Highlight Selected Thread Functionality 00:03:35
  • Урок 46. Implementation of the Change Selected User Smart Component 00:06:31
  • Урок 47. Change User Effect Implementation - An Example of a Chain Of Actions 00:03:03
  • Урок 48. Change Current User Implementation - Backend and Frontend 00:11:47
  • Урок 49. Implementing the Send New Message Chat Functionality 00:09:29
  • Урок 50. Implementation of the Send New Message Reducer 00:06:55
  • Урок 51. Scrolling the Message List To the Bottom Automatically Using OnChanges 00:04:28
  • Урок 52. Solving the Facebook Counter Problem - Section Introduction 00:05:11
  • Урок 53. Implementing The Write New Message Effect Using Ngrx Effects 00:07:37
  • Урок 54. Send New Message Implementation - Client Part 00:06:13
  • Урок 55. New Server Branch - View Send New Message In Action 00:04:38
  • Урок 56. Refresh Chat Messages Side Effect Implementation 00:06:36
  • Урок 57. Fetch New Messages - Implementing the Reducer Logic 00:04:55
  • Урок 58. Finish Implementing the Refresh Messages HTTP Service 00:10:10
  • Урок 59. Implementing The unread Messages Counter Reducing Logic 00:08:02
  • Урок 60. Unread Message Counter - See The Solution for The Facebook Counter Issue 00:04:44
  • Урок 61. Marking Threads With New Messages As Unread 00:06:40
  • Урок 62. Implementing the Mark Messages As Read Reducer Logic 00:10:23
  • Урок 63. Mark Threads as Read - Demo of The Nearly Completed Chat 00:01:45
  • Урок 64. Implementing The Mark Messages As Read Side-Effect 00:07:28
  • Урок 65. Chat Wrap Up - Summary Of The Advantages Of Store Architectures 00:03:04
  • Урок 66. Error Handling With Ngrx Store - How To Use The RxJs Catch Operator 00:06:02
  • Урок 67. Implementing the Error Handling Reducer Logic 00:02:27
  • Урок 68. Displaying Errors On the Screen - Implementing the Messages Smart Component 00:06:43
  • Урок 69. Immutability In Reducer Functions - How to Use the Ngrx Store Freeze Library 00:05:22
  • Урок 70. Adding the Angular Router to the Chat Application 00:06:42
  • Урок 71. Ngrx Store Router Integration - Time-Travelling with the Dev Tools 00:05:50
  • Урок 72. OnPush Change Detection and Immutability - What Are the Advantages 00:07:36
  • Урок 73. Why Freezing Selector Output Does Not Help Leverage OnPush Change Detection? 00:04:20
  • Урок 74. Understanding How OnPush Change Detection Works And How To Leverage It? 00:04:19
  • Урок 75. How To Write Reducers That Leverage OnPush Change Detection? 00:11:36
  • Урок 76. Refactoring Remaining Reducers - Will This Be Enough To Leverage OnPush 00:09:13
  • Урок 77. Introducing a New Functional Programming Concept - Memoization 00:06:41
  • Урок 78. Introducting The Reselect Library - How To Create a Memoized Selector 00:02:58
  • Урок 79. How To Write a Memoized Selector With Reselect - What is The Advantage? 00:07:52
  • Урок 80. Using the Lodash Memoize Utility To Optimize View Rendering 00:07:47
  • Урок 81. Preventing Message Re-Renderings Using a Presentational Component 00:05:41
  • Урок 82. On Push Change Detection Summary - Smart Vs Presentational Components 00:02:09
  • Урок 83. High-Level Overview of The ImmutableJs Library 00:05:23
  • Урок 84. Course Summary and Conclusions 00:07:34
  • Урок 85. Building The Get All User Data REST API From A to Z 00:19:32
  • Урок 86. Running And Debugging Our ts-node Development Server 00:06:00
  • Урок 87. Calling Our REST API Server From the Client - Configuring the Angular CLI 00:03:39
В этом курсе мы собираемся изучить экосистему библиотеки Angular Ngrx, а именно все, что вращается вокруг библиотеки Ngrx Store и Ngrx Effects. Курс охватывает Angular 4, и он состоит из пошагового создания чата. В курсе будет поэтапно создаваться приложение чата, которое воспроизводит ситуацию, с которой столкнулась команда Facebook - счетчиком непрочитанных сообщений. Мы собираемся решить проблему не с помощью оригинального диспетчера Flux, а используя производное одноразовое решение на основе RxJs: The Angular Reactive Extensions Ngrx Store. Вы будете использовать Angular CLI, чтобы быстро подкрасить приложение и реализовать интерфейс приложения чата с нуля, из пустой папки где каждая строка кода будет объяснена. Мы собираемся создать приложение с использованием принципов реактивного программирования и набора библиотек Extreme Extensions (Ngrx) Ecolution, которые включают в себя Ngrx Store, Ngrx Effects, DB и Router.

Твоя оценка

14 19
Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Похожие курсы

30-11--0001 en 79 уроков
udemy Angular 4 RxJs Reactive Programming
Курс «Как создавать Angular приложения в реактивном стиле» с использованием RxJs разделен на два раздела: первый - глубокое погружение в Observable pattern в качестве способа понимания RxJs, а второй - это Angular Design Patterns, которые позволят нам создавать angular приложения в реактивном стиле.
Duration 07:23:54
14 6
15-01-2017 ru 16 уроков
webformyself Angular 4 NgRx
В этом курсе мы будем рассматривать @ngrx/store - Redux в Angular 4. Сперва мы напишем приложения, которое реализуем обычным подходом Angular, и уже после, мы перепишем его c Redux используя ngrx. Мы поработаем также с reducers, actions, state используя соответствующие типы и интерфейсы. Мы добавим в наше приложение асинхронности и подключим к нему сервер с БД, где будет хранится состояние нашего приложения.
Duration 02:20:46
69 2
01-04-2018 en 16 уроков
egghead Build Redux Style Applications with Angular, RxJS, and ngrx/store
Angular имеет множество встроенных функций для тесного взаимодействия с RxJS, чтобы помочь вам построить полностью реактивные приложения. Этот курс научит вас использовать Angular с RxJS. Мы узнаем, как использовать библиотеку ngrx/store для управления состоянием в очень чистом реактивном стиле Redux.В этом курсе предполагается, что у вас есть рабочее знание Angular и реактивного программирования с RxJS. 
Duration 00:41:27
8 1
25-10-2018 en 1 урок
frontendmasters Angular Reactive & Angular Testing
Узнайте, как перенести свое Angular приложение на следующий уровень, значительно снизив сложность приложения, применяя реактивные методы. Мы узнаем, как связывать встроенные Angular механизмы с NgRx и RxJs, чтобы значительно упростить управление состоянием и управление потоком при сокращении объема кода. Мы начнем с интеграции NgRx в наше приложение, а затем систематически пройдемся по тому, как работать с store, действиями, редукторами,...
Duration 07:13:34
1 0
07-01-2019 en 24 урока
frontendmasters Reactive Angular with NgRx
Научитесь использовать Angular с NgRx и RxJs, чтобы существенно упростить управление состояниями и управление потоками при одновременном сокращении объема кода. Мы интегрируем NgRx в наше приложение и рассмотрим, как работать с Store, действиями, редукторами, селекторами, инструментами разработки и представим сущность NgRx, чтобы еще больше упростить процесс.
Duration 03:14:18
1 0
15-11-2018 en 49 уроков
udemy NgRx In Depth (Angular 7 and NgRx 7, with FREE E-Book)
Познакомьтесь с современной экосистемой NgRx, включая NgRx Store, Effects, Router Store, NgRx Entity, DevTools и Schematics. Одной из наиболее распространенных проблем, с которыми мы столкнемся как веб-разработчики, являются проблемы управления состоянием. Как правило, они появляются в больших приложениях, где у нас есть несколько компонентов, которые должны одновременно отображать и изменять одни и те же общие данные в разных точках дерева...
Duration 05:04:37
2 0

Последнее добавленное

Полный курс по программированию на Python для начинающих

Полный курс по программированию на Python для начинающих

en
Изучите Python для AI, машинного обучения, науки о данных и разработки приложений. Математики, ученые и инженеры любят Python. Почему? Потому что он делает сложные вычисления и повторяющиеся задачи действительно простыми для написания и выполнения. Разработчики любят его, потому что он простой...
Python для анализа данных

Python для анализа данных

ru
«Данные — это новая нефть». Они помогают усовершенствовать продукт, привлечь новых пользователей и являются драйвером роста любой компании. Компании во всем мире используют Python для сбора и анализа данных. В Uber, Yandex и Facebook, знание Python является обязательным требованием при приеме...
Flutter и Dart: полноценное мобильное приложение™

Flutter и Dart: полноценное мобильное приложение™

en
Изучение того, как создавать приложения для iOS и Android, с полным демонстрационным примером на основе Dart и Flutter Framework. Flutter - это SDK для мобильных приложений, предназначенный для создания высококачественных собственных интерфейсов на iOS и Android в рекордно короткие сроки. Flutter ра
Flutter: кроссплатформенное приложение iOS / Android

Flutter: кроссплатформенное приложение iOS / Android

en
Создавайте кроссплатформенные красивые нативные приложения в рекордно короткие сроки. Flutter - это SDK для мобильных приложений, в комплекте с фреймворком, виджетами и инструментами, который предоставляет разработчикам простой и продуктивный способ создания и развертывания красивых мобильных...
Программирование на Dart от новичка до эксперта

Программирование на Dart от новичка до эксперта

en
Изучите Dart с уровня Beginner и станьте экспертом, который может начать изучать Flutter, AngularDart и многое другое. В этом курсе вы узнаете все, что вам нужно знать о Dart. Dart - это язык, который становится популярным день ото дня, и разработчики по всему миру стремятся к этому языку...
Понятный JavaScript (Middle)

Понятный JavaScript (Middle)

ru
Хочешь стать JavaScript разработчиком, систематизировать знания и выйти на совершенно новый уровень! Курс «Понятный JavaScript» — это комплексная программа обучения, которая позволит тебе полностью изучить с нуля главный язык Frontend разработчика. Уже через 3 месяца ты будешь знать JavaScript...
chat
logo