PWA за 30 минут. Будущее веб-разработки

Мобильное приложение на чистом JavaScript? Разбираемся с технологиями #PWA (Progressive Web Application), создаем своё прогрессивное веб-приложение. Подробный урок с рабочим кодом от #BlondieCode. 00:00 - 02:05 - Длинное нудное вступление 02:05 - 03:41 - Стек технологий 03:41 - 04:12 - Почему Push-уведомления - зло 04:12 - 05:07 - Что такое Servise Worker 05:07 - 07:07 - Создаём и иконки 07:07 - 11:16 - HTML-страница с котиками и CSS 11:16 - 13:19 - Проверка в Google Lighthouse и начало превращения в PWA 13:19 - 14:48 - Скрипт для регистрации Servise Worker 14:48 - 17:48 - Обработка событий Servise Worker 17:48 - 25:12 - Логика кэширования ресурсов 25:12 - 27:26 - Заглушки для отображения ресурсов вне кэша оффлайн 27:26 - 27:48 - Финальный результат 27:48 - Выводы // --------- Ссылки на материалы --------- // ИСХОДНИКИ ПРОЕКТА - Генератор манифеста и иконок - Поддержка serviceWorker - #feat=serviceworkers Инструменты для анализа скорости сайта (видео) - Нативные переменные в CSS (видео) - // ------------------------------------------------------------------------ // // --------- Присоединиться к комьюнити --------- // // ------------------------------------------------------------------------ // ➣ Telegram --- ➣ GitHub --- ➣ Facebook --- ➣ Coub --- // ------------------------------------------------------------------------ // //------------ Поблагодарить за видео ----------------- // // ------------------------------------------------------------------------ // ➣ Кинуть монетку на корм коту --- ➣ Купить прикольную футболку с принтом из видосиков --- //-----------------------------------------------// Больше видео на тему IT можно найти по тегу #ityoutubersru