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

Angular ngrx store masterclass - cover Angular 4
Duration 08:23:50
Открыть все курсы от udemy

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.

Твоя оценка

15 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
74 3
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
2 0
07-01-2019 en 24 урока
frontendmasters Reactive Angular with NgRx
Научитесь использовать Angular с NgRx и RxJs, чтобы существенно упростить управление состояниями и управление потоками при одновременном сокращении объема кода. Мы интегрируем NgRx в наше приложение и рассмотрим, как работать с Store, действиями, редукторами, селекторами, инструментами разработки и представим сущность NgRx, чтобы еще больше упростить процесс.
Duration 03:14:18
4 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
13 0
en 80 уроков
pluralsight Angular NgRx: Getting Started
NgRx - это мощная библиотека для организации и управления состоянием и взаимодействиями с этим состоянием в ваших приложениях Angular с использованием redux pattern. Этот курс поможет вам начать работу с NgRx, включая sstore, actions, reducers, effects, и selectors.
Duration 04:05:32
4 0

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

Сертифицированный Microsoft Azure разработчик - экзамен AZ-203

Сертифицированный Microsoft Azure разработчик - экзамен AZ-203

en
Этот курс существует для того, чтобы вы могли приобрести навыки, необходимые для сдачи сертификационного экзамена AZ-203: Разработка решений для Microsoft Azure, который затем принесет вам сертификат Microsoft Certified Developer Associate.
Microsoft Azure Architect Technologies - Экзамен AZ-300

Microsoft Azure Architect Technologies - Экзамен AZ-300

en
Этот курс призван помочь вам освоить необходимые навыки, необходимые для сертификационного экзамена Microsoft Azure AZ-300. Экзамен AZ-300 - это экзамен на уровне экспертов, который проверяет кандидатов на продвинутые знания и опыт работы с различными аспектами Microsoft Azure.
Современный React Bootcamp (с Hooks, React Router и др.)

Современный React Bootcamp (с Hooks, React Router и др.)

en
Следуйте той же программе, которую я преподаю своим студентам в SF. 10+ проектов, включая одно ОГРОМНОЕ приложение! Добро пожаловать на лучший онлайн ресурс для изучения React! Этот курс, опубликованный в апреле 2019 года, является совершенно новым и охватывает последние новости React. Этот курс...
Профессиональный JavaScript, уровень 2 (18 февраля - 25 апреля 2019)

Профессиональный JavaScript, уровень 2 (18 февраля - 25 апреля 2019)

ru
Курс предназначен для тех, кто прошёл «Профессиональный JavaScript, уровень 1», или для разработчиков, желающих поднять свои навыки. После прохождения курса вы будете уверенно создавать современные веб-приложения, а также сможете попробовать себя в качестве наставника на наших курсах.
SymfonyCon 2018 - Лиссабонская Конференция (Видео)

SymfonyCon 2018 - Лиссабонская Конференция (Видео)

en
SymfonyCon 2018 Лиссабон имел огромный успех! Более 900 участников со всего мира собрались вместе, чтобы узнать, встретиться и поделиться своим опытом в Symfony. Более 25 докладчиков выступили по различным темам: от нового веб-сервера Symfony до Messenger, API-платформы и многого другого.
Все о загрузке файлов в Symfony

Все о загрузке файлов в Symfony

en
Нужно загрузить некоторые файлы в Symfony? Отлично! Вы пришли в нужное место! В наши дни загрузка файлов может быть простой... или невероятно сложной - с облачным хранилищем, личными файлами, миниатюрами, проверкой и так далее. Итак, давайте займемся ... всем этим!
Создание Reusable (и удивительных) Symfony пакетов

Создание Reusable (и удивительных) Symfony пакетов

en
Хотите поделиться кодом между проектами или со всем миром? Давай сделаем это! Создавая пакет Symfony! В этом руководстве мы узнаем о пакетах, их суперспособностях, о том, как добавлять сервисы и маршруты, а также о лучших практиках для создания наилучших возможных пакетов.
Формы Symfony 4: создавайте, визуализируйте и властвуйте!

Формы Symfony 4: создавайте, визуализируйте и властвуйте!

en
Да, формы! Одна из самых мощных и ... запутанных функций во всем Symfony. Вот правда: формы просто сложны. Вам нужно управлять элементами формы HTML, проверкой, преобразованием данных и многим другим. Компонент Form может быть самой сложной частью Symfony. Но чем больше с ним работаешь, тем...
chat
logo