В вакансиях фронтенда регулярно мелькает строчка «опыт с PWA приветствуется». На словах вроде ничего сложного: сайт, который можно установить на телефон и который работает офлайн. На практике джуны быстро упираются в незнакомые сущности — манифест, service worker, scope, стратегии кэширования — и не понимают, в каком порядке всё это собирать.

Этот мануал разбирает PWA с нуля. Сначала — зачем технология вообще появилась и где её используют крупные сервисы. Потом — минимальный чек-лист из трёх шагов, после которого сайт уже превращается в PWA. Дальше — разбор манифеста и service worker по отдельности, стратегии кэширования, push-уведомления, установка на iOS и Android, публикация в магазинах приложений, особенности и подводные камни. В конце — тест на 12 вопросов, чтобы проверить, что всё устаканилось.

К концу мануала у читателя будет: понимание устройства PWA от манифеста до Lighthouse-аудита, готовые сниппеты регистрации service worker и стратегий кэширования, понимание, чем PWA отличается от React Native или Flutter, и шпаргалка по тому, что работает в iOS Safari, а что — нет.