Загрузка страницы

#19 Джедай веб разработки. Angular Guards + Observable. Защита авторизованных ссылок

В этом видео модифицировал Angular Guards так что через Observable из NGRX извлекается состояние об авторизации нашего пользователя

Angular guards позволяют предотвращать открытие ссылок если состояние приложения не выполняет некоторое условие, причем используя Observable это получается реально гибко с огромными возможностями по асинхронности

Это первая часть урока, тут ты узнаешь как настроить Guards для защиты ссылок и в следующем видео разберем как перенаправлять в случае если состояние приложения изменилось.

ANGULAR
Тег с кодом для начала задания
https://github.com/MaksymGrom/ng-blog/tree/0.0.11
Тег с кодом выполненного задания
https://github.com/MaksymGrom/ng-blog/tree/0.0.12

NEST JS
Тег с кодом для задания
https://github.com/MaksymGrom/nest-blog/tree/0.0.5
----------------------------------------------------------------------------------------

Приветствую друзья. Этот плейлист посвящен разработке блога с использованием Nest Js + Angular + MySql. Все это будет происходить с использованием KANBAN подходов к ведению проектов и с использованием github.

Видео максимально содержат все шаги разработки и мысли по реализации.

Цель такого формата - донести свое мировозрение к разработке длительных проектов и привлечь увлеченных ребят делать pull request в мой github репозиторий как contributors.

Невозможно рассказать причины появления шаблонов программирования, если не иметь проект состоящий из большого числа зависящих друг от друга элементов.

Надеюсь такой формат видео будет интересен. Github проекты можно найти:
https://github.com/MaksymGrom/ng-blog
https://github.com/MaksymGrom/nest-blog

Телеграм канал:
https://t.me/webDevGromMaxGroup

Видео #19 Джедай веб разработки. Angular Guards + Observable. Защита авторизованных ссылок канала Максим Гром
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
27 декабря 2020 г. 13:00:11
00:16:41
Другие видео канала
#12 Джедай веб разработки. Admin auth через NGRX. Авторизация на сайте через хранилище#12 Джедай веб разработки. Admin auth через NGRX. Авторизация на сайте через хранилищеAngular async pipe своими руками (DIY). Глубокий разбор реализации async pipeAngular async pipe своими руками (DIY). Глубокий разбор реализации async pipeAngular. Где хранить специфичные константы?Angular. Где хранить специфичные константы?Абстрактная Фабрика порождающие шаблоны проектирования. Patterns Abstract FactoryАбстрактная Фабрика порождающие шаблоны проектирования. Patterns Abstract Factory#18 Джедай веб разработки. Синхронизация вкладок браузера через localStorage#18 Джедай веб разработки. Синхронизация вкладок браузера через localStorageAngular. Аттрибуты, классы и стили в шаблоне. NgStyle, NgClass, Attr.Angular. Аттрибуты, классы и стили в шаблоне. NgStyle, NgClass, Attr.JavaScript практика. Дерево из таблицы. Древовидное меню. Array.reduce, Array.mapJavaScript практика. Дерево из таблицы. Древовидное меню. Array.reduce, Array.map#34 TDD подход при разработке сервиса меню NestJS разработка кода | Джедай веб разработки#34 TDD подход при разработке сервиса меню NestJS разработка кода | Джедай веб разработки#15 Джедай веб разработки. Angular HTTP Interceptor на RXJS#15 Джедай веб разработки. Angular HTTP Interceptor на RXJS#25 Джедай веб разработки. Grid & Form pages для тестирования навигации#25 Джедай веб разработки. Grid & Form pages для тестирования навигацииПрактика. Angular dependency injection framework. React API Context через Angular DIПрактика. Angular dependency injection framework. React API Context через Angular DISQL ORDER BY, DISTINCT, UNION ALL, LIMITSQL ORDER BY, DISTINCT, UNION ALL, LIMITRXJS Canvas рисуем на холсте. Этот пример показывает всю глубину технологииRXJS Canvas рисуем на холсте. Этот пример показывает всю глубину технологииЧто такое SQL? Как работать с WebSQL? Основы SQL | SQL для начинающихЧто такое SQL? Как работать с WebSQL? Основы SQL | SQL для начинающихJavaScript практика. classTreeCollection. Глубокое дерево из таблицы. Array.reduce, Array.mapJavaScript практика. classTreeCollection. Глубокое дерево из таблицы. Array.reduce, Array.mapAngular Directives. Передача ng-template через структурную директиву в Table Component часть 2Angular Directives. Передача ng-template через структурную директиву в Table Component часть 2Синхронизация NGRX с LocalStorage | todo app angular ngrxСинхронизация NGRX с LocalStorage | todo app angular ngrx#13 Джедай веб разработки. JWT Decode. Извлекаем payload из JWT на Angular#13 Джедай веб разработки. JWT Decode. Извлекаем payload из JWT на Angular#9 Джедай веб разработки. Архитектура VIEW слоя. Обзор слоев приложения#9 Джедай веб разработки. Архитектура VIEW слоя. Обзор слоев приложенияDate pipe angular. Локализация и настройка формата датыDate pipe angular. Локализация и настройка формата даты
Яндекс.Метрика