Code4Startup (coderealprojects)
Code4Startup - отличный ресурс, где авторы курсов пытаются создать разные известные проекты собственными руками, и показать нам что это не так сложно.
Основы прогрессивных веб-приложений (PWA)
Fundamental Progressive Web App
★4.7 (всего оценок - 17)
Продолжительность
1 ч 29 мин
Категория
Progressive Web App (PWA)Количество уроков
12 Видео
Дата добавления
5 июн. 2021 г., 01:48
Язык
Английский
Дата обновления
29 апр. 2026 г., 12:30
Этот короткий и насыщенный курс поможет вам за 1 час понять, что такое прогрессивные веб‑приложения (PWA), как они работают и почему их используют крупнейшие компании мира. Подходит для новичков, которые хотят быстро освоить современные веб‑технологии.
Что вы узнаете в этом курсе
Курс фокусируется на фундаментальных принципах PWA и практическом применении основных технологий.
- Принципы работы прогрессивных веб‑приложений
- Роль Service Worker и манифеста веб‑приложения
- Как сделать приложение доступным офлайн
- Добавление PWA на главный экран устройства
- Основы кэширования и повышения производительности
Почему стоит изучить PWA
Моментальный старт для разработчиков
PWA — это отличный способ быстро расширить компетенции во фронтенд‑разработке, не погружаясь в сложные фреймворки сразу.
Совместимость с любыми устройствами
Технология работает на всех современных браузерах и подходит для создания приложений, которые одинаково удобны на телефонах, планшетах и компьютерах.
Продвинутые возможности без нативной разработки
PWA позволяют отправлять push‑уведомления, работать офлайн, запускаться полноэкранно и загружаться мгновенно — как нативные приложения.
Структура курса
Введение в PWA
Быстрый обзор концепции, примеры успешных проектов и инструменты разработки.
Основные технологии
Service Worker
Узнаете, как перехватывать сетевые запросы, управлять кэшем и обеспечивать офлайн‑режим.
Web App Manifest
Настройка отображения приложения, иконки, название и параметры установки на устройство.
Практика: превращаем сайт в PWA
Шаг за шагом создадите базовый сервис‑воркер, добавите манифест и протестируете приложение в браузере.
Итог
После прохождения курса вы будете понимать ключевые механизмы работы PWA и сможете самостоятельно превратить простой сайт в полноценное прогрессивное веб‑приложение.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:06:14What are Progressive Web Apps?
- Урок 2. 00:02:23Setting up
- Урок 3. 00:01:55Demo
- Урок 4. 00:11:11Create mock up
- Урок 5. 00:06:46Fetching data
- Урок 6. 00:09:17Fetching Pokemon details
- Урок 7. 00:10:00Service Worker lifecycle
- Урок 8. 00:05:25Offline storage
- Урок 9. 00:13:58Fetch even listener
- Урок 10. 00:06:38Create manifest file
- Урок 11. 00:05:13Testing with Lighthouse
- Урок 12. 00:10:08Deploy
Авторы - Code4Startup (coderealprojects), PythonYoga
PythonYoga
Привет, я Лео - Папа-домосед с 2 детьми. Основатель Code4Startup и нескольких сторонних проектов. Я уволился с работы штатным программистом в 2015 году и вошел в неизвестную сферу - мир стартапов. Будучи основателем-одиночкой и создателем, я преодолел рубеж в 1 миллион долларов за 5 лет, обучая людей программированию и созданию значимых вещей. И вот я иду… с новым путешествием - PythonYoga.
Комментарии