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

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 มิ.ย. 2024
  • Прогрессивное веб-приложение или же 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/
    ✔ -------------
    Вступай в группу Вк - prog_life 🚀
    Группа FaceBook - goo.gl/XW0aaP
    Инстаграм itProger: / itproger_official
    Instagram: / gosha_dudar
    Telegram: t.me/itProger_official
    Twitter - / goshadudar
    - Уроки от #GoshaDudar 👨🏼‍💻
    - Все уроки по хештегу #goshaLessons

ความคิดเห็น • 75

  • @Sapphire12v
    @Sapphire12v 3 ปีที่แล้ว +140

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

    • @giuseppe2712
      @giuseppe2712 3 ปีที่แล้ว

      пушто клей нюхают обычно, да? хаха

    • @ELTN
      @ELTN 3 ปีที่แล้ว

      😂👍🏻

    • @KyMuCbKo
      @KyMuCbKo ปีที่แล้ว

      ахахахахах

  • @ppavelcars
    @ppavelcars 3 ปีที่แล้ว +37

    Технологии "будущего" уже 14 лет. Доброе утро))

    • @python_prod
      @python_prod 3 ปีที่แล้ว

      Видимо он любит поспать ;)

    • @tema_go
      @tema_go 3 ปีที่แล้ว +1

      Подскажи реальные примеры, на pwa?

    • @user-mm3vk2jz3i
      @user-mm3vk2jz3i 3 ปีที่แล้ว +2

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

    • @naimjonyunusov4174
      @naimjonyunusov4174 3 ปีที่แล้ว +1

      Pwa, с недавних пор начал набирать популярность, так как раньше ее не кто из гигантов не использовали.

    • @orkoteg09
      @orkoteg09 3 ปีที่แล้ว

      только все ее полноценно добавили в 2018г

  • @Black1991Star
    @Black1991Star 3 ปีที่แล้ว +1

    Будем ждать продолжения.

  • @user-zg4ef9in6s
    @user-zg4ef9in6s 2 ปีที่แล้ว +2

    Качественно отснял видео и материал топ) оч помог в работе - респект

  • @aristarhbahirev2548
    @aristarhbahirev2548 3 ปีที่แล้ว +4

    Будет интересно ещё узнать об PWA и как предложение, давай видеоурок по React Native :)

  • @hlopchik5897
    @hlopchik5897 3 ปีที่แล้ว +2

    Go продолжение!!! С push уведомлениями и тд

  • @TurovodSPB
    @TurovodSPB 3 ปีที่แล้ว +5

    Может есть возможность сделать серию уроков про PWA на Django?

  • @squidyPet
    @squidyPet 2 ปีที่แล้ว +2

    ПВА звучит настолько же круто как название столярного клея.

  • @ivand1274
    @ivand1274 3 ปีที่แล้ว +1

    классный урок!

  • @thomwhite4565
    @thomwhite4565 3 ปีที่แล้ว +1

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

  • @user-hl6ne2cp9h
    @user-hl6ne2cp9h 8 หลายเดือนก่อน

    Спасибо за видео

  • @fazbeoanv3135
    @fazbeoanv3135 3 ปีที่แล้ว

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

  • @igor.v2811
    @igor.v2811 3 ปีที่แล้ว

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

  • @user-dq7ib1pu6i
    @user-dq7ib1pu6i 3 ปีที่แล้ว +1

    Мне интересно

  • @nodirayakubova6395
    @nodirayakubova6395 3 ปีที่แล้ว

    Очень ждуууууу

  • @ThePoteryannyi
    @ThePoteryannyi ปีที่แล้ว

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

  • @nicolaskeratry
    @nicolaskeratry ปีที่แล้ว

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

  • @antonbelyaev4517
    @antonbelyaev4517 4 หลายเดือนก่อน

    Подкинь ещё PWA-дровишек, Брат!

  • @user-yy3fd9wc2o
    @user-yy3fd9wc2o 3 ปีที่แล้ว

    👍🏻

  • @myprojects2749
    @myprojects2749 3 ปีที่แล้ว

    Продолжай

  • @itpraktik
    @itpraktik 10 หลายเดือนก่อน

    какие именно минусы, какие именно ограничения? очень поверхностно

  • @DrLithium
    @DrLithium 3 ปีที่แล้ว +2

    Что же такое ПВА? Хм. Это такой клей!

  • @gangstaproger7478
    @gangstaproger7478 2 ปีที่แล้ว +1

    А что разве PWA можно опубликовать в PlayMarket или AppStore???

  • @annaostapchuk4017
    @annaostapchuk4017 3 ปีที่แล้ว

    топчик, спасибо за полезные знания

  • @Tea_13_666
    @Tea_13_666 3 ปีที่แล้ว

    А pwa поддерживает работу с Bluetooth?

  • @user-eo9hk4pi6e
    @user-eo9hk4pi6e 2 ปีที่แล้ว

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

  • @naimjonyunusov4174
    @naimjonyunusov4174 3 ปีที่แล้ว +1

    Сделай видео публикацию pwa на play market

    • @antuann1058
      @antuann1058 3 ปีที่แล้ว

      В том то и дело, pwa не публикуются в сторы

    • @naimjonyunusov4174
      @naimjonyunusov4174 3 ปีที่แล้ว

      Публикуется, загугли: uploaded pwa to play market

  • @user-jj1nv1xq1d
    @user-jj1nv1xq1d 3 ปีที่แล้ว

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

    • @user-sj7vg7fi5b
      @user-sj7vg7fi5b 3 ปีที่แล้ว

      Может что app store такие приложения не принимают?

  • @bambey
    @bambey ปีที่แล้ว

    социальная сеть тиндер тоже на pwa

  • @gimeron-db
    @gimeron-db 3 ปีที่แล้ว

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

  • @cib2732
    @cib2732 3 ปีที่แล้ว +4

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

    • @GrigoRASH6000volt
      @GrigoRASH6000volt 2 ปีที่แล้ว +1

      С помощью клея, можно построить целые миры.

  • @hutoryanin
    @hutoryanin 3 ปีที่แล้ว +1

    *L. i. k. e.*

  • @m.o.r.d.o.r.
    @m.o.r.d.o.r. 3 ปีที่แล้ว +4

    Чёт просмотров совсем мало.

    • @lilitlilit6293
      @lilitlilit6293 3 ปีที่แล้ว +1

      Согласен

    • @java_Developer93
      @java_Developer93 3 ปีที่แล้ว +2

      Час назад выложил только

    • @oleksandrsnitsaruk7183
      @oleksandrsnitsaruk7183 3 ปีที่แล้ว +1

      Ибо у него канал обо всем и ни о чем одновременно)

  • @flozty9237
    @flozty9237 3 ปีที่แล้ว

    666к подписчиков..

  • @sanzharmarat272
    @sanzharmarat272 3 ปีที่แล้ว +7

    С каких пор ПВА клей технология будущего?

    • @predatel_rodini
      @predatel_rodini 3 ปีที่แล้ว +2

      С тех пор как апельсины летают на керосине

  • @user-hz3tr9bu1h
    @user-hz3tr9bu1h 3 ปีที่แล้ว

    Вроде, ПВА менее мощный и ограниченный

  • @user-pj1sw6bl9h
    @user-pj1sw6bl9h 3 ปีที่แล้ว

    это клей

  • @aleksandramalakutsko401
    @aleksandramalakutsko401 3 ปีที่แล้ว

    Звучит как... клей 😀

  • @DIMANRUS
    @DIMANRUS 3 ปีที่แล้ว +2

    Вот Xamarin использует всё нативное, и при этом оно кроссплатформенное. PWA всё равно всё не заменит. Я лучше позамарачиваюсь над нативом, чем использовать web

    • @heavylog1c
      @heavylog1c 3 ปีที่แล้ว +1

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

    • @DIMANRUS
      @DIMANRUS 3 ปีที่แล้ว +1

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

    • @heavylog1c
      @heavylog1c 3 ปีที่แล้ว +1

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

    • @DIMANRUS
      @DIMANRUS 3 ปีที่แล้ว +1

      @@heavylog1c В каком смысле переделывать?

    • @heavylog1c
      @heavylog1c 3 ปีที่แล้ว +1

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

  • @_nurdi_8842
    @_nurdi_8842 3 ปีที่แล้ว

    Второй комент

  • @i.am.rossalex
    @i.am.rossalex 3 ปีที่แล้ว +3

    Очень слабое вводное видео. Об обещаной в заголовке практике не слова. Видео ради видео.

    • @ERge77
      @ERge77 2 ปีที่แล้ว

      у него по-моему почти все видео такие...

    • @user-je7ib6qe8y
      @user-je7ib6qe8y ปีที่แล้ว

      Практика есть, чувачок

  • @giuseppe2712
    @giuseppe2712 3 ปีที่แล้ว +4

    PWA - бред.
    Сайты это сайты, точка.

    • @dowletdurdymyradow4374
      @dowletdurdymyradow4374 3 ปีที่แล้ว +1

      Точна

    • @predatel_rodini
      @predatel_rodini 3 ปีที่แล้ว

      Для всякого говна типа сайта фитнесклуба нормально

    • @orkoteg09
      @orkoteg09 3 ปีที่แล้ว +3

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

    • @user-je7ib6qe8y
      @user-je7ib6qe8y ปีที่แล้ว

      PWA - это прогресс ☝