#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. Защита авторизованных ссылок канала Максим Гром
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. Защита авторизованных ссылок канала Максим Гром
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![#12 Джедай веб разработки. Admin auth через NGRX. Авторизация на сайте через хранилище](https://i.ytimg.com/vi/y7E3l1kzOXY/default.jpg)
![Angular async pipe своими руками (DIY). Глубокий разбор реализации async pipe](https://i.ytimg.com/vi/4hI7ZLBr__8/default.jpg)
![Angular. Где хранить специфичные константы?](https://i.ytimg.com/vi/8PzLLQ0SqaM/default.jpg)
![Абстрактная Фабрика порождающие шаблоны проектирования. Patterns Abstract Factory](https://i.ytimg.com/vi/jN6ShRLnA0o/default.jpg)
![#18 Джедай веб разработки. Синхронизация вкладок браузера через localStorage](https://i.ytimg.com/vi/kVDJv67PFhM/default.jpg)
![Angular. Аттрибуты, классы и стили в шаблоне. NgStyle, NgClass, Attr.](https://i.ytimg.com/vi/KAbVR5-o5lk/default.jpg)
![JavaScript практика. Дерево из таблицы. Древовидное меню. Array.reduce, Array.map](https://i.ytimg.com/vi/jc7T72UjPkc/default.jpg)
![#34 TDD подход при разработке сервиса меню NestJS разработка кода | Джедай веб разработки](https://i.ytimg.com/vi/iasdaVgCNyg/default.jpg)
![#15 Джедай веб разработки. Angular HTTP Interceptor на RXJS](https://i.ytimg.com/vi/Y7T_mIDsCtI/default.jpg)
![#25 Джедай веб разработки. Grid & Form pages для тестирования навигации](https://i.ytimg.com/vi/dT7_nFGy-bY/default.jpg)
![Практика. Angular dependency injection framework. React API Context через Angular DI](https://i.ytimg.com/vi/-j8i2TsoFwA/default.jpg)
![SQL ORDER BY, DISTINCT, UNION ALL, LIMIT](https://i.ytimg.com/vi/jHCSvTdllSA/default.jpg)
![RXJS Canvas рисуем на холсте. Этот пример показывает всю глубину технологии](https://i.ytimg.com/vi/bl_sp_Wj4h8/default.jpg)
![Что такое SQL? Как работать с WebSQL? Основы SQL | SQL для начинающих](https://i.ytimg.com/vi/Bp_OHCzp7KM/default.jpg)
![JavaScript практика. classTreeCollection. Глубокое дерево из таблицы. Array.reduce, Array.map](https://i.ytimg.com/vi/glk5Hv8VP6c/default.jpg)
![Angular Directives. Передача ng-template через структурную директиву в Table Component часть 2](https://i.ytimg.com/vi/IcRw6WcmNSc/default.jpg)
![Синхронизация NGRX с LocalStorage | todo app angular ngrx](https://i.ytimg.com/vi/AKJB2px4VhQ/default.jpg)
![#13 Джедай веб разработки. JWT Decode. Извлекаем payload из JWT на Angular](https://i.ytimg.com/vi/Dm3QnWRbnUA/default.jpg)
![#9 Джедай веб разработки. Архитектура VIEW слоя. Обзор слоев приложения](https://i.ytimg.com/vi/U-pNMaPDxAY/default.jpg)
![Date pipe angular. Локализация и настройка формата даты](https://i.ytimg.com/vi/ZV-x2oAFEs0/default.jpg)