??? ???????????? ??????? ???????? ??????, ??????????? ???????? ???? ?????? ? ???????? ?????????????, ??? ? ???????? ????????? ???????????. PWA ????? ???????? ? ??????? HTML, JavaScript, CSS, ? ? ???????? ???????? ??? ??????? ????, ?? ??????????????? ? ??????????? ??? ????????? ??????????. ??????????? ?????????? ????????? ????????? ???? ??? ????????? ??? ???????? ?? ????? ????? ?????????, ? ????? ?????????? push-???????????. ?? ???? ?????? ???????? ??????????? ? ???????????Progressive Web Apps ?? ????? ???? ??????, ???? ?? ????????? ??? ????, ??? pwa ??? ??? PWA ??????????????????? ???????, ??????????? ??? ?????? ????????. ????????, PWA ????? ?????????? ?????? ???????????? ? ?????????? push-???????????, ??????? ??????????? ??, ??? ??????????? ? ???????? ??????????.
?????? ??????????? ????????? ??????????? ????????
- ? ?????????????? ?????? ? ????????? ?????? ???????? ?????????? ??-???????? ???????????,??????? Bluetooth, ??????? ???????????, ??????? ?????????, ??????????? ?????????????????? ??????? ? ??????.
- ?????? ??????? ??????? ??? ?????? ????????-????? ???????? ????? ???????? «?? ??????».
- ??? ???? ??? ??????, ????????????? ?? ???-????? ????????, ???????????? ? ????????? ????????????? ?????????? ?????????? ??????????.
- ? ??????? Web App Manifest ???????????? ????? ??????? ?????? ?????????, ??????? ??????????, ??? PWA ????? ????????? ? ????? ???? ????? ?????????.
- ??? ??????????? ?????????? ?????? ?? ?????????? ???????????? ?? ????? ?????? PWA ?????????? ?????? ???????????? ????????? ????????? LocalStorage ? IndexedDB.
- ? ?????????? ? ??????? — ?????????? ????????????, ????????? ????? ???? ???????? ?? ????????, ??? ???????? ??????????? ??????????? ????? ????????.
? ????? ?????? ?????????????, ?????????? ?????????? ???????? ????????????? ? ?????? ??????????? ? ??????? ?????????. ????? ???????? ??????????? ?????? ? ???????-??????, ??? ???????? ? ???????? ???????????? ?????. ????? ????????? ??????????? ??????? ?? ????????? ??????????, https://deveducation.com/ ?????????? ????????????? ? ??????? ? ????????-??????????.
PWA ?????? ??????????: ?????, ??????, ????????? ?????
????????? PWA ????? ????? ?????????? ???????????, ? ?????? ????? ????????????? ? ????????? ???-??????????, ??????????? ?????? ????????????? ? ????????????. ??????? ????? ??????????, ????? ??? WebAssembly, ???????? ???????? ? ????????? ? ????????, ????? ????????????? ????????? ??????????????????, ???????????? ?????????????? ? ??????????? ????????????. ?????????? ????????? ??????????? ???????? ???????????? ?? ????????? ??????? ????? ????????? ???????????, ??????? ????? ????? ???????????? ? PWA. ? ??????? Web App Manifest ???????????? ????? ??????? ?????? ?????????, ??????? ??????????, ??? PWA ????? ????????? ? ????? ???? ????? ?????????. ????????, ????? ??????? ????????? URL, ????? ?????????? ?????? ??????????? ? ???????????? ????????, ??? ?????? ???????? ????? ??? ???????????? ????????? ????????. ??? ???????? ????????? ????? ????????? ? ??????????????? ????????? ??? ?????????????.
??????? ??????? ????????? ??? ???????? ?????????? ? ?? ????? ?????? ??????? ??????????
?????????? ?????????? ???????? ????, ???????? ?????????? ? ?????????? ? ??? ??????????, ???????? ??????????? ?????????????????? ?????? PWA. Conditional Fallbacks ? PWA – ??? ??????? ????????? ??????????? ? ????????? ????????? ?????? ????????. ??? ?????????? ?????? ??????? ??? ??????? ?????? ? ????????? ????????? ???????????? ?????????? ?????????? ? ??????????? ?? ????????? ???????. ???????????? ??????????? ? PWA ????? ???, ??? ????????? ????????? ?????? ?? ????, ? ???????? ???????, ? ????????? ??? ???? ?????? ?????????? ??? ???????????? ??????. ??????????????? ??????????? ? PWA ????????? ????????? ??????? ???????, ??? ???????????? ??????????? ???????? ?????? ???????? ??????? ??????????, ????????, ????? ??? ??????????? ?????????. ??????? “fetch” ? service worker ????????? ??????????? ????????? ????????? ? ????????? ???????????, ? ????? ?? ???? ????????.
??????????? PWA: ???????? ??????
???????? 85% ?????? ??????? ???????????? ???????? ? ???? ??????? ???????????. ?? ???? ????????, ??? ????? ???? ??????? – ???????? ???????? ????? ??? PWA, ????????? ?????????? ???????? ??? ???????????? ?????????, ??????? ??? ?? ??? ?? ?????????, ??? ????????? ??????????. ?????? ???????, ??? ??? ???? ??????? ???????, ?? ???????? ??????? ??????? ? ???????? ???? ???? ????????????. ?????? ????? ????????? ??????????????? ??????? ?????????? ??????? ?????????? ????????, ??????? ?????? ???? ????????. ? ????????? ??????????? ???????????? ????????????? PWA ?? ???????? ?? ????????? ?????????? ? ??????? ??????????? ???? ????????, ? ????? ? ??????? ???? ???????? ?? ??????? ?????.
??? ????????? ????????? ????? ????? ????????? ?????, ???????? ?? ???????? ???????????? ??? ????????? ????????. ???? ????? ??????????? ????????????? ?????? PWA ? ???????? ?????????????? ????? ??????????????? ? ???????????? ???????????. ??? ? PWA – ??? ????????? ?????, ??? ???????? ????? ???-???????, ????????, ??????????? ? ?????? ???????, ??????? ??? ???? ????????? ?????????????. ???? ?????? ????????????? ???-?????????? ? ???, ??? ??? ????????? ?????????????? ? ???? ?? ????? ??? ??? ????? ????????? ?? ???? – ?????????? ???????????? ?????????. ? ?????????? PWA ?????? ?? ????? ? ??????????? ?? ?????????, ???????? ???????? ? ??????????? ?????????? ??????.
??????? ?????????? ? ??????????, ??? ??? ???????????? ????????, ?? ??????-?? ??? ?? ?????????, ? ?? ????? ?????? ?????? ?????. ??? ????, ????? ????????? ???? ???????? ??? ?????????? ?????????, ?? ????? ????????????? ??????? ??????????, ????????? ?????????? ? ??????. ??? ?? ????????? ????? ?????? ????????????, ????? ????? ?????????? ? ??????, ? ????? ??????? ????????? ???? ???????? ? ??. ????????? ????????????? ???-??????????? ??????????? ????????? AliExpress ?????????? ?? 104%.
PWA ???????? ? ???? ?????? ????? ?? ??????????? ? ????????? ??????????? ????????????. ????? ????????? ? ??????? ?????????? ???????????, ??????????????? ???-??????????, ????????? ??????? ????? ?????????? ???????????????????????. ??? ???????? ???????????? ? ?????????? ProgressiveWeb Apps ??????????? ?? ???? ?????, ??? PWA ?????????? ???????? ? ?????????????? ? ????????????????? ???????? ????????? ??????????. ????? ?? ?????????? ???????????? ?????????? ????????, service workers ??????????? ??????? ??????? ??? ??????????? ??????, ? ??? ??????????? ?????????? ?????????? ???????? ?????? ??? ???????. ???????????? ? ???? ??????? ?? ???????? ?????, ? ??? ???? ????? ??????????? ? ??? ??????? ?????????????? ? ???????????, ? ??? ???????????? ??????.
????????? PWA ? ????????????? ???-??????? ? ????????? ???????????? ?????????? ???????????? ? ??????????????????, ??????????? ? ???????????????? ?????. ?????? ????????? ???? ??????? ?????????? ? 2015 ???? ????????? ????????? ????? (Frances Berriman) ? ?????????? ??????? ???????? (Alex Russell) ? ?? ??????. ? ? 2016 ???? Google ????????? ??? ???????????? ? ????????? ??? ????????? ?????????? PWA web, ??? ??????????? ?????????????? ????? ???????????? ???? ??????????. ????????? PWA ? ???????? Chrome ???? ????????? Google ? 2017 ????, ? ????? ????? — ? ?? ????????? Android.
?? ???????????? ???????? ?????? ??????????, ??? ???????? ? ?????? ?????? ?????????. ??????? ????????, ??? ???? ????? ?????????? ?? ??????? ????? ?????????? ? ??????? ?? ???? ?????????????. PWA-?????????? ??????????? ????????? ????????? ????????? ? ???????????????? ????????? ??????????, ?? ?????????? ???????? ??-???????. ????????????? ???-?????????? ??????????? ?? ?????? ????? ?????? ? ??????? ????????. ??? ???? ???????????? ????? ????????? ??????????, ??? ???????????, ????????? ?????? ? ?????????? push-?????????. PWA ????? ? ??????? ? ??????????, ?? ????????? ?????????????? ??????????? ??????????.
?????? ??????? ? ?????? ?????????, ???????????? ?????? ??????? ??????????????????????, ????????? ? ??????? PWA ??? ???????????? ?????????????? ? ??????????????. ? ?????????? ? ??????? — ?????????? ????????????, ????????? ????? ???? ???????? ?? ????????, ??? ???????? ??????????? ??????????? ????? ????????. ?????????????, ????????? ??????????? ?????? ?????????? ??????????? ???????????? ??? ????????????? ???????? ? ?????????????? ? ?????????????.
Forbes, ?????????? ???????? ?????? ????? ????????? ??????????, ???? ???????? ???????????????? ???? ????????? PWA. ?????? ???? ?????? ?? 40% ?????? ??????? ?? ?????? ?????????? ?????? ? ????????????? ?? 15% ?????? ????????. ???? ?????? ??????? ????? ???????? ?????????? 6,5 ???????, ?? ? ????? ?????? ????? 2,5 ???????. ?????????? ???????? ???????? ??? ?????? ????????? PWA ????????? ????????? ?? 104% (?? ???? ?????????). ? ???????, ? ??? ???? ?????? ??????? ????????? ?????? ???????????? ?? ?????, ????????? ???? ????? ?????, ??? ?? ????????? ?????????. ??? ???? ????????? ???????????? ? Progressive Web Apps ???? ?? ????????? ?????????? ??????????? ? ???????? ??? ????????????? ????, ? ????????? ?????????? ? ????????? ??????????????.
?????? ? ?????????? ???????? ??? ?????????? ?????, ????? ???? ?? ?????????? ?????????? ???????????, ??? ??? ?????? ?????, ?????? ??? ?????? ??????? ??????????. ????? ?? ?????????? PWA, ???? ????????? ?????? — ????????? ? ???, ??? ???????????? ????????, ??? ???? ????? ??????????, ??? ???????? ? ????????? ??????????? ????????? ??????????. ???? ????????????? ????????????? ? ???-?????????? ? ????? ?????? ???????????? ? ??????, ?? ????????????? ?????????? ???????????? ????? ?????? ???????????, ? ?? ????? ??? ???-?????????? — ?????? ???????????.
??? ??????? ?? ???????????? ???????? ????????, ????????? ?? ??????? ???????? ????????? ?????? ??? ?????? ????????, ??? ????? ????????? ? ??????? ?????????????? ?????????. ??? ?????????? ???????? ??? ???? ?????????????, ?????????? ?? ???????????? ????????? ??? ??????????. ? ??????? ???????? ????? ??????? ? ????????? ????????????? ????????, ????????? ? ???????????????????, ????????????? ? ?????????????????. ???? PWA ????????????? ??????????, ?? ??? ???????? ????, ??? ???? PWA ?????????? ????? ???????? ?? ???? ???????????. ????? ?????????? ???????????? ? ?????????????????? ??????, ??? PWA ?????????? ?????? ???????? ????? ?????????? ?????????? HTTPS. ??? ???????????? ?????????? ??? ????????????? ????? ???????, ??? Service Workers ? push-???????????.
????? ??????????? ????? ?????, ? ??? ?????, ? ???????? ???????? ?????????? ? ????????. ??? ??? ??????? The Washington Post ?????????? ? ???????? ?????????? ? ??????????? ?????????. ?????? ?? ??? «???????» ????????? ?????????? ????????? ???????? ? ???? ? ?????? ??????.
HTTPS — ???? ?? ??????? ?????????? PWA — ???????? ?????? ?? https ?????????, ??? ????? ?????????.??? ?????????? ????? ???????????? localhost. ???????? ????? ????????????? ?????? ? ?????? ?????? ??? ? ???????? ???????? ? ??????????. ???????, ???? ???????? ? ?????? ?????? ? ??????? ? ???????? ???????????. ???????????????? ?????? ??????????? ??????????? «?????? ??????????», ??????? «??????????? ?????? ??? ????», ???????? Apple ????????? ??????? ????? ???????? ??????? ???????????? PWA ? ???????? ?? ? ???? ??????????. ????? ???????, ???????????? ????????? ?????? ???????? ????? ??????????? ??????? ?? ???? ????????????? iPhone (??? ??????? ????????? PWA).
????? ???????, ?????? ???????????? ?? ????????????? ??????????, ? ???????????? ????? ?? ???? ???????? ??? ???. ? ??????????, ????????? ?????? ???????? ?????? ???? ?????????, ??? ????? ??. ????????????? ?????????? ???????????? ????? ???????????? ?????? ????? ? ??????????, ????? ??????? ??????????? ? ?? ??????????? ?????? ????? ????????? ??????????? ????????. ?? ??????? ??????????? ????? ????????????? ????????????? ?? ?????????? ? ??????? ??????????? ?????? ???-??????????.