Как стать автором
Обновить

PWA — это просто

Разработка веб-сайтов *JavaScript *Клиентская оптимизация *Разработка мобильных приложений *Проектирование и рефакторинг *
image
Понятие Progressive Web Applications (PWA) на слуху давно, с весны 2018 года приложения этого класса поддерживаются всеми основными браузерами, однако распространенность технологий PWA несмотря на очевидные их «плюсы» пока очень низка.

Специалисты Google (в том числе и на Хабре) очень информативно и компетентно пишут о PWA, но их рекомендации полезны больше тем, кто уже знаком с предметом. Данная статья призвана показать, что Progressive Web Apps — это не сложно, и использовать эти технологии можно и нужно уже сейчас разработчикам любых сайтов.
Читать дальше →
Всего голосов 11: ↑9 и ↓2 +7
Просмотры 293K
Комментарии 32

PWA — это просто. Hello Habr

Разработка веб-сайтов *JavaScript *Клиентская оптимизация *Разработка мобильных приложений *Проектирование и рефакторинг *
Продолжаем знакомство с Progressive Web Applications. После теоретической прошлой части самое время перейти к практике.

Сегодня мы построим простое, но полноценное PWA «Hello Habr».




Приложение доступно по адресу https://altrusl.github.io/habr-pwa/hello-habr/. При открытии в браузере на мобильном устройстве возможно добавление ярлыка на домашний экран и запуск в полноэкранном режиме.
Читать дальше →
Всего голосов 28: ↑27 и ↓1 +26
Просмотры 20K
Комментарии 17

Как научить программировать свою девушку, если ты не педагог, но она в тебя верит

Программирование *Учебный процесс в IT
Из песочницы

Когда твой парень - fullstack


Когда твой парень — fullstack


Работая программистом и проживая в пяти минутах ходьбы от офиса, крайне тяжело успеть «отойти» от работы, отойдя от работы.


Я думаю, многим это знакомо: последние полчаса ты сидишь и думаешь над непонятно откуда взявшейся неочевидной ошибкой и в итоге, так и не решив проблему, проверяешь, что все твои сегодняшние коммиты улетели в корпоративный репозиторий, выключаешь машину и выходишь из кабинета, зная, что завтра с утра на свежую голову всё решится.


Как бы не так!


Конечно же, решение приходит в самый не подходящий момент: кого-то застаёт за рулём, кого-то в трамвае, кого-то, кому повезло работать рядом с домом, где-нибудь во дворе, а то и в лифте. В моём случае следующий за решением поток мысли выливается на девушку, которая, ну ещё бы, в программировании, что называется, ни в зуб ногой.


И вот однажды она приходит к тебе и торжественно заявляет:
— Я готова! Готова учиться программированию! Давай!


В этой статье не будет исходных кодов, в ней я постараюсь ответить на вопросы, которые встали передо мной на этапе планирования курса по программированию для собственной девушки.


О том, как я, не имея никакого практического опыта в обучении, решил ввести в программирование человека, объяснившего, что «ты же умный» и «всё у нас получится», расскажу под катом.


Добро пожаловать!

Читать дальше →
Всего голосов 76: ↑50 и ↓26 +24
Просмотры 50K
Комментарии 310

Всё, что нужно знать о Progressive Web App (PWA)

Блог компании Wrike Разработка веб-сайтов *JavaScript *Программирование *Разработка мобильных приложений *
Перевод
image

PWA — прогрессивные веб-приложения.

Предупреждение. Эта статья не проспонсирована PWA. Все взгляды и мнения в статье принадлежат только её автору.

Progressive Web App или PWA — лучший способ для разработчиков заставить свои веб-приложения загружаться быстрее и быть более производительными. PWA — это веб-сайты, которые используют современные веб-стандарты, что дает возможность устанавливать их на компьютер или устройство пользователя. В работе они как приложения. Самый известный пример — это Twitter, который запустил сайт mobile.twitter.com как PWA на React и Node.js.
Читать дальше →
Всего голосов 30: ↑19 и ↓11 +8
Просмотры 32K
Комментарии 43

Пользуемся офлайн-браузингом, как будто сейчас 1995 год

Блог компании VDSina.ru Браузеры История IT Софт
Перевод

В своё время офлайн-браузинг был своего рода Святым Граалем веб-разработки. В середине 90-х он являлся источником вдохновения, размышлений и роста ценности компаний.

В июне 2015 года разработчик из команды Google Chrome Алекс Рассел опубликовал пост. В этом посте он рассказал о неудачной истории разработки «близких к вебу» (web-adjacent) приложений. Он говорил об инструментах, использовавшиеся для создания приложений при помощи веб-технологий, но при этом не являвшихся нативными приложениями веба. Рассел предложил альтернативу. Он обратил внимание на разработки, проводившиеся в технологиях браузеров за последние несколько лет, в которых он сам непосредственно участвовал.

Рассел утверждал, что платформа веба совершила большой прогресс. Она дошла до той точки, в которой приложения, похожие на те, что вы можете установить из App store или в своём компьютере, могут создаваться напрямую в браузере. При помощи различных функций веба мы можем создать приложение на основе веба. Алекс и фронтенд-разработчик Фрэнсис Берриман придумали этому принципу название: Progressive Web Applications, или PWA.
Читать дальше →
Всего голосов 33: ↑32 и ↓1 +31
Просмотры 8.9K
Комментарии 25

PWA: управление service-worker'ом

Разработка веб-сайтов *JavaScript *Разработка мобильных приложений *

Прочитал я хорошую статью "Обновление вашего PWA в продакшене" и задался вопросом - а как часто при обновлении PWA нужно обновлять непосредственно сам service worker? Ведь что такое service worker по сути? "Прокладка" (прокси) между приложением, работающим в браузере, и внешними серверами, с которых это приложение тянет нужные ему ресурсы. По большому счёту, функционал service worker'а сводится к некоторому набору стратегий и пониманию того, к какому ресурсу какую стратегию применять и когда (я сейчас не рассматриваю push notifications и background sync, но изложенное в какой-то степени применимо и к ним).

То есть, код service worker'а более стабилен по сравнению с кодом приложения и во многих случаях для его "обновления" достаточно программно обнулить кэш-хранилище браузера и обновить "понимание того, к какому ресурсу какую стратегию применять" - обновить конфигурацию service worker'а. А для этого нужно приложению нужно иметь возможность каким-то образом управлять состоянием service worker'а и передавать ему данные, что осложняется тем, что приложение и service worker работают в различных потоках.

Под катом пример того, каким образом можно настроить управление service worker'ом из основного приложения при помощи Channel Messaging API.

Читать далее
Всего голосов 2: ↑2 и ↓0 +2
Просмотры 2.6K
Комментарии 3