PWA - технология будущего? Создание PWA проекта на практике

2024 ж. 14 Мам.
29 986 Рет қаралды

Прогрессивное веб-приложение или же PWA. Название настолько обещающее, что хочется немедленно взглянуть на суть технологии. В ходе урока мы с вами вникнем в понятие прогрессивных веб-приложений, создадим простейший веб проект и превратим его в полноценное мобильное приложение за счет PWA 📟
🍿 Git репозиторий Todo списка: github.com/calvuscaput/todo-list
🕹 Программа обучения Front-end: bit.ly/2NUM6St
✏️ Статья на сайте с готовым проектом: bit.ly/3uvVLQ5
⏰ Тайм коды:
00:00 - Начало
00:32 - Проблема мобильных приложений
01:17 - Что делает PWA?
02:42 - Это технология будущего?
03:48 - Практика: Создание проекта
05:17 - Манифест для приложения
05:53 - Service Worker
06:49 - Андроид эмулятор
07:11 - Кнопка для установки приложения
08:10 - Заключительная часть
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - vk.com/prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #GoshaDudar 👨🏼‍💻
- Все уроки по хештегу #goshaLessons

Пікірлер
  • Еще в школе я понял, что без ПВА не сделать аппликацию. Олды поймут.

    @Sapphire12v@Sapphire12v3 жыл бұрын
    • пушто клей нюхают обычно, да? хаха

      @giuseppe2712@giuseppe27123 жыл бұрын
    • 😂👍🏻

      @ELTN@ELTN3 жыл бұрын
    • ахахахахах

      @KyMuCbKo@KyMuCbKo Жыл бұрын
  • Технологии "будущего" уже 14 лет. Доброе утро))

    @ppavelcars@ppavelcars3 жыл бұрын
    • Видимо он любит поспать ;)

      @python_prod@python_prod3 жыл бұрын
    • Подскажи реальные примеры, на pwa?

      @tema_go@tema_go3 жыл бұрын
    • @@tema_go дофига. Тинькофф, Ютуб, ivi, outlook, excel. Практически все популярные компании это используют

      @user-mm3vk2jz3i@user-mm3vk2jz3i3 жыл бұрын
    • Pwa, с недавних пор начал набирать популярность, так как раньше ее не кто из гигантов не использовали.

      @naimjonyunusov4174@naimjonyunusov41743 жыл бұрын
    • только все ее полноценно добавили в 2018г

      @orkoteg09@orkoteg093 жыл бұрын
  • Качественно отснял видео и материал топ) оч помог в работе - респект

    @user-zg4ef9in6s@user-zg4ef9in6s2 жыл бұрын
  • Будем ждать продолжения.

    @Black1991Star@Black1991Star3 жыл бұрын
  • Спасибо за видео

    @user-hl6ne2cp9h@user-hl6ne2cp9h8 ай бұрын
  • Будет интересно ещё узнать об PWA и как предложение, давай видеоурок по React Native :)

    @aristarhbahirev2548@aristarhbahirev25483 жыл бұрын
  • классный урок!

    @ivand1274@ivand12743 жыл бұрын
  • Go продолжение!!! С push уведомлениями и тд

    @hlopchik5897@hlopchik58973 жыл бұрын
  • Очень ждуууууу

    @nodirayakubova6395@nodirayakubova63953 жыл бұрын
  • Может есть возможность сделать серию уроков про PWA на Django?

    @TurovodSPB@TurovodSPB3 жыл бұрын
  • ПВА звучит настолько же круто как название столярного клея.

    @squidyPet@squidyPet2 жыл бұрын
  • Таки его в сторах гугла и эппла можно будет опубликовать? Ибо юзеры должны находить апп привычными способами

    @thomwhite4565@thomwhite45653 жыл бұрын
  • Привет, можешь пожалуйста помочь? Я хочу научиться программировать на java по твоему гайду, но я не могу скачать java jdk, у меня она как бы скачивается и все, появляется папка, но там нет никакой программы, только какие-то файлы, что делать?

    @fazbeoanv3135@fazbeoanv31353 жыл бұрын
  • Мне интересно

    @user-dq7ib1pu6i@user-dq7ib1pu6i3 жыл бұрын
  • Продолжай

    @myprojects2749@myprojects27493 жыл бұрын
  • У меня есть один вопрос по поводу Godot. У меня почему-то не сохраняется игра которую я делаю, сколько я бы её не сохранял, выхожу из движка, захожу, а там не сохранилась игра. Приходится делать всё сначала, и так происходит всегда. Как это исправить? Пожалуйста

    @igor.v2811@igor.v28113 жыл бұрын
  • 👍🏻

    @user-yy3fd9wc2o@user-yy3fd9wc2o3 жыл бұрын
  • топчик, спасибо за полезные знания

    @annaostapchuk4017@annaostapchuk40173 жыл бұрын
  • Подкинь ещё PWA-дровишек, Брат!

    @antonbelyaev4517@antonbelyaev45173 ай бұрын
  • какие именно минусы, какие именно ограничения? очень поверхностно

    @itpraktik@itpraktik9 ай бұрын
  • Следущий урок существует? А то анонс был восхитительным

    @ThePoteryannyi@ThePoteryannyi Жыл бұрын
  • А pwa поддерживает работу с Bluetooth?

    @Tea_13_666@Tea_13_6663 жыл бұрын
    • Нет

      @vozdyx9444@vozdyx94443 жыл бұрын
  • А что разве PWA можно опубликовать в PlayMarket или AppStore???

    @gangstaproger7478@gangstaproger74782 жыл бұрын
  • А как насчёт нотификации на iOS? Ее в нормальном виде нет, и Apple не спешит добавлять.

    @user-eo9hk4pi6e@user-eo9hk4pi6e2 жыл бұрын
  • Что же такое ПВА? Хм. Это такой клей!

    @DrLithium@DrLithium3 жыл бұрын
  • Это единственный ролик PWA на вашем канале. Прошел уже год, новых роликов не будет?

    @nicolaskeratry@nicolaskeratry Жыл бұрын
  • Сделай видео публикацию pwa на play market

    @naimjonyunusov4174@naimjonyunusov41743 жыл бұрын
    • В том то и дело, pwa не публикуются в сторы

      @antuann1058@antuann10583 жыл бұрын
    • Публикуется, загугли: uploaded pwa to play market

      @naimjonyunusov4174@naimjonyunusov41743 жыл бұрын
  • Да, крутая штука. Но в каких случаях она может не сработать, какие "подводные камни"? И, кстати, жжу аналогичное видео про нэйтив js)

    @user-jj1nv1xq1d@user-jj1nv1xq1d3 жыл бұрын
    • Может что app store такие приложения не принимают?

      @user-sj7vg7fi5b@user-sj7vg7fi5b3 жыл бұрын
  • Чёт просмотров совсем мало.

    @m.o.r.d.o.r.@m.o.r.d.o.r.3 жыл бұрын
    • Согласен

      @lilitlilit6293@lilitlilit62933 жыл бұрын
    • Час назад выложил только

      @java_Developer93@java_Developer933 жыл бұрын
    • Ибо у него канал обо всем и ни о чем одновременно)

      @oleksandrsnitsaruk7183@oleksandrsnitsaruk71833 жыл бұрын
  • Никогда не думал, что можно с помощью клея сделать мобильное приложение)

    @cib2732@cib27323 жыл бұрын
    • С помощью клея, можно построить целые миры.

      @GrigoRASH6000volt@GrigoRASH6000volt2 жыл бұрын
  • *L. i. k. e.*

    @hutoryanin@hutoryanin3 жыл бұрын
  • социальная сеть тиндер тоже на pwa

    @bambey@bambey Жыл бұрын
  • Кто эти "все? И о чём они говорят? "то как потом протестировать приложение, добавить в него рекламу..." - В топку такие приложения. PWA - это что-то типо HTA в windows? Начало в 4:00, конец в 4:50

    @gimeron-db@gimeron-db3 жыл бұрын
  • 666к подписчиков..

    @flozty9237@flozty92373 жыл бұрын
  • С каких пор ПВА клей технология будущего?

    @sanzharmarat272@sanzharmarat2723 жыл бұрын
    • С тех пор как апельсины летают на керосине

      @predatel_rodini@predatel_rodini3 жыл бұрын
  • Вроде, ПВА менее мощный и ограниченный

    @user-hz3tr9bu1h@user-hz3tr9bu1h3 жыл бұрын
  • Звучит как... клей 😀

    @aleksandramalakutsko401@aleksandramalakutsko4013 жыл бұрын
  • это клей

    @user-pj1sw6bl9h@user-pj1sw6bl9h3 жыл бұрын
  • Вот Xamarin использует всё нативное, и при этом оно кроссплатформенное. PWA всё равно всё не заменит. Я лучше позамарачиваюсь над нативом, чем использовать web

    @DIMANRUS@DIMANRUS3 жыл бұрын
    • Я кстати делал такое на Xamarin - тупо вставлял туда полноэкранный Webview с ссылкой на мой сайт и приложение готово. Но о работе с пуш-уведомлениями там речи не идёт. Надо будет как-нибудь попробовать что за PWA.

      @heavylog1c@heavylog1c3 жыл бұрын
    • @@heavylog1c так, но опять же WEB и натив совсем разные вещи. Я пока только придерживаюсь WEB в рамках сайта, но не в приложениях

      @DIMANRUS@DIMANRUS3 жыл бұрын
    • @@DIMANRUS Натив это дорого и мутерно, его нужно поддерживать отдельно. Хочешь сделать какое-то изменение - переделывай приложение. Приложение на основе сайта это дёшево и сердито.

      @heavylog1c@heavylog1c3 жыл бұрын
    • @@heavylog1c В каком смысле переделывать?

      @DIMANRUS@DIMANRUS3 жыл бұрын
    • @@DIMANRUS Кнопочку добавил - перекомпилируй. Это звучит логично для программистов, но не логично для владельцев бизнесов, у которых в штате один сайтодел без знаний Swift или Kotlin. Так что, за каждым изменением в приложении им нужно обращаться в стороннюю контору, где они заказывали приложение и доплачивать за каждое изменение. Поэтому штуки типа PWA имеют место быть.

      @heavylog1c@heavylog1c3 жыл бұрын
  • Второй комент

    @_nurdi_8842@_nurdi_88423 жыл бұрын
  • Очень слабое вводное видео. Об обещаной в заголовке практике не слова. Видео ради видео.

    @i.am.rossalex@i.am.rossalex3 жыл бұрын
    • у него по-моему почти все видео такие...

      @ERge77@ERge772 жыл бұрын
    • Практика есть, чувачок

      @user-je7ib6qe8y@user-je7ib6qe8y Жыл бұрын
  • PWA - бред. Сайты это сайты, точка.

    @giuseppe2712@giuseppe27123 жыл бұрын
    • Точна

      @dowletdurdymyradow4374@dowletdurdymyradow43743 жыл бұрын
    • Для всякого говна типа сайта фитнесклуба нормально

      @predatel_rodini@predatel_rodini3 жыл бұрын
    • @@predatel_rodini Сеть Starbucks разработала PWA для сбора заказов в дополнение к обычному мобильному приложению. При почти одинаковом интерфейсе вес PWA оказался меньше на 99,84 %. В результате количество заказов через мобильный Интернет удвоилось и почти сравнялось с количеством заказов через десктоп.

      @orkoteg09@orkoteg093 жыл бұрын
    • PWA - это прогресс ☝

      @user-je7ib6qe8y@user-je7ib6qe8y Жыл бұрын
KZhead