pwa-awesome-ru

KO | EN

gitlite — search

#typescript #llm #go #golang #android #machine-learning #rust #docker #macos #nodejs #awesome #kubernetes #vue #mcp

(★ 108)

A curated list of awesome PWA resources (primarily in Russian)

파일 탐색기

최종 버전 다운로드 (.zip)

README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Awesome PWA RU

## Другие подборки Awesome PWA

* https://github.com/hemanth/awesome-pwa
* https://github.com/TalAter/awesome-progressive-web-apps
* https://github.com/hzzheng/awesome-pwa
* https://pwaresources.dev

## Case Studies

* https://www.pwastats.com
* https://web.dev/tags/case-study/
* https://pwa-book.awwwards.com

## Web API и тесты поддержки Web API в браузерах

* https://whatwebcando.today
* https://whatpwacando.today
* https://pwascore.com
* https://howfuguismybrowser.dev (https://chrome.google.com/webstore/detail/how-fugu-is-the-web/apcghpabklkjjgpfoplnglnjghonjhdl)
* https://tomayac.github.io/pwa-feature-detector/
* https://mefody.github.io/fugu-detector/
* https://jakearchibald.github.io/isserviceworkerready/
* https://permission.site
* https://immersive-web.github.io/webxr-samples/tests/permission-request.html
* https://simple-push-demo.vercel.app
* https://tests.peter.sh/notification-generator/
* https://tests.peter.sh/push-message-generator/
* https://tests.peter.sh/push-encryption-verifier/
* https://mozilla-services.github.io/WebPushDataTestPage/
* https://killer-marmot.appspot.com
* https://edgepwaone.azurewebsites.net
* https://html5test.com
* https://canwe.dev
* https://wpt.fyi
* https://webstatus.dev
* https://web-features.lttr.cz
* https://caniuse.com
* https://caniwebview.com
* https://bcd-watch.igalia.com
* https://chromestatus.com
* https://webkit.org/standards-positions/
* https://mozilla.github.io/standards-positions/
* https://goo.gle/fugu-api-tracker
* https://kangax.github.io/compat-table/es6/
* https://cssdb.org
* https://github.com/explainers-by-googlers
* https://github.com/MicrosoftEdge/MSEdgeExplainers
* https://github.com/PWA-POLICE/pwa-bugs

## Источники информации

* https://twitter.com/intenttoship
* https://bit.ly/blinkintents
* https://chromium-review.googlesource.com
* https://chromiumdash.appspot.com
* https://crbug.com
* https://source.chromium.org

## Инструменты

* https://developers.google.com/web/tools/lighthouse
* https://webhint.io
* https://developers.google.com/web/tools/workbox
* https://pwabuilder.com
* https://github.com/GoogleChromeLabs/bubblewrap
* https://maskable.app
* https://maskable.app/editor
* https://play.google.com/store/apps/details?id=dev.conn.assetlinkstool
* https://github.com/web-push-libs/

## Полезные компоненты и библиотеки

### Web Components

* https://github.com/ProgressiveWebComponents/pwa-install
  * https://npmjs.com/package/@progressivewebcomponents/pwa-install
  * https://pwa-install.web.app/vanilla/
  * https://play.google.com/store/apps/details?id=app.web.pwainstall

* https://github.com/khmyznikov/pwa-install
  * https://npmjs.com/package/@khmyznikov/pwa-install
  * https://www.khmyznikov.com/pwa-install/

* https://github.com/pwa-builder/PWABuilder/tree/main/components/pwa-install
  * https://npmjs.com/package/@pwabuilder/pwainstall

* https://github.com/pwa-builder/PWABuilder/tree/main/components/

### React

* https://github.com/chrisdancee/react-ios-pwa-prompt

### JS

* https://github.com/philfung/add-to-homescreen

## Обучающие курсы по PWA (на английском)

* [Learn PWA на web.dev](https://web.dev/learn/pwa/)
* [Progressive Web Apps Training на web.dev](https://web.dev/progressive-web-apps/)
* [#30DaysOfPWA](https://microsoft.github.io/win-student-devs/#/30DaysOfPWA/)
* [PWA на MDN](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps)
* [PWA на Microsoft Edge Docs](https://docs.microsoft.com/ru-ru/microsoft-edge/progressive-web-apps-chromium/)

### YouTube

* [Progressive Web Apps (PWA) for Beginners](https://youtube.com/playlist?list=PLlrxD0HtieHjqO1pNqScMngrV7oFro-TY)
* [Progressive Web App Training](https://youtube.com/playlist?list=PLNYkxOF6rcIB2xHBZ7opgc2Mv009X87Hh)

## Карманные справочники

* [Web Push and Notifications on web.dev](https://web.dev/notifications/)
* [Web Push Book](https://web-push-book.gauntface.com)
* [Service Worker Cookbook](https://serviceworke.rs)

## Площадки для обсуждения

* https://t.me/pwa_ru — русскоязычное сообщество PWA в Telegram
* https://progressive-web-apps.slack.com — глобальное сообщество PWA в Slack
* https://bit.ly/discord-pwa — глобальное сообщество PWA в Discord
* https://aka.ms/pwabuilderdiscord — глобальное сообщество PWABuilder в Discord
* https://chromiumdev.slack.com — глобальное сообщество Chromium в Slack
* https://chromium.slack.com — глобальное сообщество Chromium в Slack

## На кого подписаться в Twitter

* https://twitter.com/i/lists/1008400902313693184
* https://twitter.com/i/communities/1457807184436334608
* https://twitter.com/i/communities/1461802928059133955

## Конференции

* [PWA Summit](https://pwasummit.org)

## Документация и статьи на русском (включая переводы)

* [WorkBox: ваш toolkit в мире сервис-воркеров](https://habr.com/ru/company/domclick/blog/523106/)
* [Как работает JS: сервис-воркеры](https://habr.com/ru/company/ruvds/blog/349858/)
* [Визуализация работы сервис-воркеров](https://habr.com/ru/post/491840/)
* [Рецепты по приготовлению оффлайн-приложений](https://habr.com/ru/post/517672/)
* [Продуманные запросы: стратегии кэширования в век PWA](https://habr.com/ru/company/ruvds/blog/478326/)

## Документация и статьи на английском
* [Measuring offline usage (w/ Workbox)](https://web.dev/measuring-offline-usage/)
* [Let web applications be file handlers (File Handling API)](https://web.dev/file-handling/)
* [Reading and writing files and directories with the browser-nativefs library (File System Access API)](https://web.dev/browser-nativefs/)
* [Service worker caching and HTTP caching](https://web.dev/service-worker-caching-and-http-caching/)
* [Make your PWA feel more like an app](https://web.dev/app-like-pwas/)

## Лучшие практики
* [Patterns for promoting PWA installation](https://web.dev/promote-install/)
* [Patterns for making fluent permission requests](https://youtu.be/riKmez3sHaM)

## PWA в популярных фреймворках и инструментах (EN)

* [Web Components (LitElement)](https://github.com/pwa-builder/pwa-starter)
* [Web Components (Stencil)](https://stenciljs.com/pwa/)
* [Vue](https://cli.vuejs.org/core-plugins/pwa.html)
* [React](https://create-react-app.dev/docs/making-a-progressive-web-app/)
* [Angular](https://angular.io/guide/service-worker-intro)
* [Gatsby](https://www.gatsbyjs.com/docs/progressive-web-app/)
* [NextJS](https://github.com/shadowwalker/next-pwa)
* [Flutter](https://docs.flutter.dev/deployment/web)

## Истории успеха

* [Как мы запустили offline-версию сайта RG.RU](https://habr.com/ru/company/oleg-bunin/blog/348150/)

## Примеры PWA

### Известные российские сервисы

* https://aviasales.ru
* https://trivago.ru
* https://ivi.ru
* https://tinkoff.ru
* https://dns-shop.ru (https://play.google.com/store/apps/details?id=com.es.dns) [T]
* https://hi-chef.ru (https://play.google.com/store/apps/details?id=ru.hi_chef.twa) [T]
* https://m.sportmaster.ru
* https://meduza.io
* https://m.habr.com
* https://badoo.com (https://play.google.com/store/apps/details?id=com.badoo.twa) [MO] [T]
* https://zarplata.ru [MO]
* https://kuvalda.ru (https://play.google.com/store/apps/details?id=ru.kuvalda.www.twa, https://apps.apple.com/ru/app/id1611719649)
* https://ria.ru

* https://m.2gis.ru [MO]
* https://lenta.ru (https://play.google.com/store/apps/details?id=ru.rambler.lenta) [T]
* https://gazeta.ru
* https://letidor.ru
* https://secretmag.ru
* https://moslenta.ru
* https://ferra.ru
* https://passion.ru
* https://motor.ru

* https://rambler.ru
* https://news.rambler.ru (https://play.google.com/store/apps/details?id=ru.rambler.news) [T]
* https://kino.rambler.ru
* https://doctor.rambler.ru
* https://woman.rambler.ru
* https://sport.rambler.ru
* https://travel.rambler.ru
* https://auto.rambler.ru
* https://weekend.rambler.ru
* https://finance.rambler.ru

* https://m.vk.com
* https://delivery-club.ru
* https://youla.ru
* https://hi-tech.mail.ru [MO]
* https://news.mail.ru [MO]
* https://pogoda.mail.ru [MO]
* https://realty.mail.ru [MO]
* https://kino.mail.ru [MO]
* https://lady.mail.ru [MO]
* https://horo.mail.ru [MO]
* https://auto.mail.ru [MO]

### Известные мировые сервисы (кроме сервисов Google и Microsoft)

* https://instagram.com [AO] [MO]
* https://twitter.com
* https://web.telegram.org
* https://m.aliexpress.com [MO]
* https://open.spotify.com
* https://soundcloud.com [DO]
* https://www.tiktok.com
* https://m.twitch.tv
* https://tinder.com
* https://pinterest.com (https://play.google.com/store/apps/details?id=com.pinterest.twa) [T]
* https://app.starbucks.com
* https://dev.to
* https://youporn.com
* https://vscode.dev

T (TWA) — приложение доступно также в виде Trusted Web Activity

AO (Auth only) — установка приложения доступна только после авторизации

MO (Mobile only) — установка приложения доступна только на мобильных устройствах

DO (Desktop only) — установка приложения доступна только на настольных компьютерах

## Каталоги PWA

* https://store.app
* https://discover.apps.chrome
* https://pwa-directory.appspot.com
* https://appsco.pe
* https://outweb.mariusclaret.com
* https://pwa-store.web.app
* https://findpwa.com
* https://pwainside.com
* https://progressiveapp.store

* Samsung Galaxy Store
* Microsoft Store
* KaiStore

pwa-awesome-ru

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

pwa-awesome-ru

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README