Освойте ключевые инструменты современной веб-разработки и научитесь создавать быстрые, надежные и удобные прогрессивные веб‑приложения. Этот курс 2‑в‑1 объединяет лучшие практики PWA и передовые разработки, помогая вам уверенно выходить на уровень профессионала.
Что вы изучите в рамках курса
Учебная программа охватывает полный цикл разработки: от настройки инструментов и управления зависимостями до создания полностью функционирующего прогрессивного веб‑приложения, оптимизированного для работы в автономном режиме.
Практический акцент
Глубокое изучение инструментов разработчика и их реального применения.
Построение производительного PWA с нуля.
Улучшение навыков оптимизации и развертывания.
Блок 1. Web Developer Toolbox — современные инструменты веб-разработчика
Первая часть программы помогает структурировать ваш стек инструментов и сформировать устойчивый базис для дальнейшей разработки.
Управление зависимостями: NPM и Yarn
Вы разберётесь, как правильно настроить окружение, эффективно управлять пакетами и ускорять рабочие процессы за счёт автоматизации.
Инструменты и библиотеки для ускорения разработки
Использование современных утилит, таких как instant.js, для оптимизации выполнения кода.
Работа с высокоскоростными HTTP‑клиентами.
Подборка полезных инструментов, которые упростят повседневные задачи разработчика.
Освоение Webpack
Вы освоите базовую и продвинутую конфигурацию Webpack, научитесь собирать проекты, оптимизировать бандлы и улучшать время загрузки.
Блок 2. Разработка прогрессивных веб‑приложений (PWA)
Вторая часть курса направлена на создание быстрого, автономного и удобного для пользователей PWA.
Работа с Cache API и автономность приложения
Вы узнаете, как сделать приложение доступным без подключения к интернету, эффективно управлять кэшем и оптимизировать пользовательский опыт.
Service Workers и встроенные возможности браузера
Создание быстрых и надёжных service workers.
Активация фоновых процессов и улучшение производительности.
Использование встроенных функций браузера для расширения возможностей приложения.
Глубокое понимание Fetch API, Promises и App Manifest
Вы изучите основы асинхронной работы в браузере, научитесь управлять сетевыми запросами и настраивать манифест приложения для установки на устройства пользователей.
Ключевые результаты обучения
По завершении курса вы:
Поймёте принципы работы прогрессивных веб‑приложений и их преимущества.
Сможете создавать быстрые и автономные PWA, готовые к реальному использованию.
Освоите современные инструменты разработки и сможете применять их в своих проектах.
Соберёте собственное приложение уровня production с первоклассными функциями.
Кому подойдёт этот курс
Начинающим разработчикам, желающим быстро выйти на профессиональный уровень.
Опытным специалистам, стремящимся освоить PWA и прокачать рабочий инструментарий.
Тем, кто хочет внедрять современные подходы в реальные проекты.
Урок 1.00:03:35
The Course Overview
Урок 2.00:10:26
Setting Up npm to Install Dependencies
Урок 3.00:04:55
Running Command-Line Tools
Урок 4.00:04:21
Writing Scripts
Урок 5.00:04:00
Locking Down Dependencies
Урок 6.00:05:50
Setting Up Webpack
Урок 7.00:09:18
Setting Up Babel
Урок 8.00:07:17
Loaders for SCSS
Урок 9.00:03:32
Loaders for Images
Урок 10.00:04:16
Compressing Assets
Урок 11.00:02:55
Hot Reloading Code
Урок 12.00:02:23
Tree Shaking
Урок 13.00:04:41
Neutrino
Урок 14.00:06:37
Server-Side Rendering with Next.js
Урок 15.00:21:27
Lodash
Урок 16.00:10:35
Moment.js for Dates
Урок 17.00:05:01
HTTP Calls Using SuperAgent/Fetch
Урок 18.00:09:44
CSS Modules
Урок 19.00:18:23
Flexbox
Урок 20.00:07:20
Linting JavaScript
Урок 21.00:03:16
Linting CSS
Урок 22.00:07:45
Auto-formatting JavaScript
Урок 23.00:04:17
The course Overview
Урок 24.00:03:39
What Really is a PWA?
Урок 25.00:02:40
PWA Core Concepts
Урок 26.00:02:25
What is PRPL Pattern?
Урок 27.00:02:43
Demo of Final Course Project
Урок 28.00:02:32
Responsive UI
Урок 29.00:04:52
Tools Overview and Setup
Урок 30.00:08:56
Understanding App Manifest Properties
Урок 31.00:08:11
Add Properties to manifest.json
Урок 32.00:02:23
Prerequisites for Installing Web App
Урок 33.00:05:24
Run Android Emulator and Leverage Chrome Dev Tools for Debugging
Урок 34.00:03:35
Add Properties for Safari
Урок 35.00:04:19
Add Properties for Internet Explorer
Урок 36.00:16:07
Promise API
Урок 37.00:13:16
Fetch API
Урок 38.00:03:50
What Is a Service Worker and How it Works?
Урок 39.00:02:56
Events in Service Worker
Урок 40.00:04:03
Service Worker Lifecycle
Урок 41.00:01:08
Scope Working for a Service Worker
Урок 42.00:11:58
Register, Update, and Activate SW
Урок 43.00:07:50
Debug Our Service Worker
Урок 44.00:11:18
Install App Banner and Control Over it
Урок 45.00:08:25
Debug and Test on Android Emulated Device
Урок 46.00:08:07
Practice with Our Final App Project
Урок 47.00:03:38
Storage Options
Урок 48.00:03:44
Cache API
Урок 49.00:04:12
Pre-Caching/Static Caching
Урок 50.00:02:47
ES6 Overview
Урок 51.00:09:42
Add, Update Cache
Урок 52.00:06:04
Respond with Cache
Урок 53.00:10:51
Dynamic Caching Upon Fetch
Урок 54.00:07:22
Offline Respond Placeholders
Урок 55.00:13:07
Remove/Cleanup Caches
Урок 56.00:14:48
Caching Strategies
Урок 57.00:12:48
Practice with Our Final App Project
Урок 58.00:12:04
IndexedDB/Write Data
Урок 59.00:06:17
IndexedDB/Retrieve and Delete
Урок 60.00:09:20
Tools to Help Create Cache and Service Worker
Урок 61.00:11:57
Practice with Our Final App Project
Урок 62.00:04:46
Setup Firebase CLI
Урок 63.00:04:07
Make Our App Ready to Deploy
Урок 64.00:03:44
Deploy to Firebase
Урок 65.00:02:37
How Background Sync Helps
Урок 66.00:09:32
Register a Synchronization Task
Урок 67.00:14:39
Syncing Data in Server Worker with Server
Урок 68.00:04:09
Periodic Sync
Урок 69.00:02:14
Push Notification Fundamentals
Урок 70.00:07:01
Request Permission, Subscription, and Display Notification
Урок 71.00:14:37
Store Client Subscription and Secure It in Backend
Урок 72.00:13:26
Send Notification from Server and Listen from Service Worker
Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф