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

#18 Джедай веб разработки. Синхронизация вкладок браузера через localStorage

В этом видео реализовал механизм сохранение токена при перезагрузке страницы и при открытии нового окна

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

Это видео вторая часть, смотри предыдущее видео чтобы узнать как синхронизировать 2 вкладки браузера через LocalStorage

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

NEST JS
Тег с кодом для начала задания
https://github.com/MaksymGrom/nest-blog/tree/0.0.4
Тег с кодом выполненного задания
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

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

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

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

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

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

Видео #18 Джедай веб разработки. Синхронизация вкладок браузера через localStorage канала Максим Гром
Показать
Комментарии отсутствуют
Введите заголовок:

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

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

Зарегистрируйтесь или войдите с
Информация о видео
23 декабря 2020 г. 22:00:09
00:13:19
Другие видео канала
#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 FactoryAngular. Аттрибуты, классы и стили в шаблоне. 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 подключение стилей в компонент. Encapsulation. ViewEncapsulationAngular подключение стилей в компонент. Encapsulation. ViewEncapsulationAngular 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#19 Джедай веб разработки. Angular Guards + Observable. Защита авторизованных ссылок#19 Джедай веб разработки. Angular Guards + Observable. Защита авторизованных ссылок#9 Джедай веб разработки. Архитектура VIEW слоя. Обзор слоев приложения#9 Джедай веб разработки. Архитектура VIEW слоя. Обзор слоев приложения
Яндекс.Метрика