Мобильное приложение на чистом 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
1 view
41
19
2 months ago 00:04:54 1
Запуск PWA в Facebook на гемблинг: Как лить ФБ на ПВА приложения?