Главная » Архив меток: pwa

Архив меток: pwa

Шесть наиболее полезных докладов с Frontend Conf 2018

Друзья, с позиции главы программного комитета Frontend Conf поместил под катом краткий обзор шести самых полезных докладов с РИТ++ 2018 по фронтенду. Отдельно затронуты вопросы транспиляции, где на примере API Яндекс.Карт показано, как можно писать на ES2015, получая на выходе ES3, и обеспечить поддержку IDE и линтеров. В подборке нашлось место рассказу про то, как настраивать PWA-приложения и делать их ...

Читать далее »

Дайджест интересных материалов для мобильного разработчика #265 (6 августа— 12 августа)

В нашем новом дайджесте руководство по созданию PWA, запуск Android 9 Pie, раздражения, недовольства и увлечения пользователей, барьеры интерфейсов и турецкого рынка. Продолжаем знакомство с Progressive Web Applications. После теоретической прошлой части самое время перейти к практике. Подписаться вы можете тут. Дайджест доступен и в виде рассылки. iOS • (+16) Как сниффить HTTPS-трафик iOS-устройства• (+12) Apple отказывается от партнерской программы ...

Читать далее »

Используем AMP как библиотеку общего назначения для создания быстрых динамических сайтов

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

Читать далее »

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

Продолжаем знакомство с Progressive Web Applications. После теоретической прошлой части самое время перейти к практике. Сегодня мы построим простое, но полноценное PWA «Hello Habr». При открытии в браузере на мобильном устройстве возможно добавление ярлыка на домашний экран и запуск в полноэкранном режиме.Если кто хочет попробовать рассматриваемый пример на своем компьютере, то Chrome позволяет работать локально с простыми PWA приложениями без ...

Читать далее »

[Перевод] Основы прогрессивных веб-приложений

Видели когда-нибудь кнопку «Добавить на главный экран», которая появлялась на экране вашего Android-смартфона, когда вы просматривали какой-нибудь сайт? Если щёлкнуть по этой кнопке, то на телефон, в фоновом режиме, будет установлено некое приложение, значок для запуска которого попадёт на главный экран. Теперь это приложение можно запустить и работать с сайтом почти так же, как и раньше, но только в обычном ...

Читать далее »

Могут ли PWA (Progressive Web Apps) образца 2018 года составить достойную конкуренцию нативным приложениям?

Казалось бы всего несколько лет назад web платформа проигрывала нативным приложением практически по всем фронтам, и пропасть между тем, что можно было сделать в браузере, и тем, что было доступно приложениями, загружаемым из магазинов, таких как Apple App Store или Google Play Store, была ужасающе огромной. Когда изменения происходят постепенно, шаг за шагом, порой бывает трудно заметить насколько они драматичны ...

Читать далее »

Angular6. PWA. Lazy loading modules. Auto-deploy в Firebase

Angular 6 позволяет буквально в несколько команд создать основу для Progressive Web Application (PWA), создавать верстку для навигационных страниц, таблиц, dashboard. 0. Нам необоходим angular-cli версии не ниже 6. 0, поэтому проверим версию установленного пакета: ng --version и при необходимости установим последнюю версию: npm i -g @angular/cli Так же имеются различия и в функциональности. Все это мы проделываем, так как ...

Читать далее »

Хакатон в прямом эфире. Ускоряем мобильные сайты

В январе на страницах главного блога вебмастеров Google было объявлено, что с июля 2018 года скорость загрузки страницы станет ранжирующим сигналом в мобильном поиске. Исследования подтверждают важность быстрой загрузки мобильных версий сайта не только для поиска, но и для бизнеса в целом: при замедлении скорости загрузки с 1 до 7 секунд, показатель отказов увеличивается на 113%, уровень конверсии падает на ...

Читать далее »

Генерация страниц сайта средствами сервис-воркеров

(С) Из этой статьи вы узнаете, как прямо на мобильном устройстве, в браузере, создать страницу со списком закэшированных ранее материалов сайта, чтобы условный, застрявший в лифте пользователь, не скучал без интернета. По мере приближения к цели мы коснемся следующих тем: кэширование страниц сайта для офлайн доступа; ведение учета страниц, доступных офлайн, проброс необходимых данных; мониторинг статуса сети, онлайн или офлайн; ...

Читать далее »

[Перевод] Я сделал PWA и выложил в трёх магазинах приложений. И вот что я выяснил

Перевод I built a PWA and published it in 3 app stores. Here’s what I learned. Недавно я опубликовал прогрессивное веб-приложение Chavah Messianic Radio, музыкальный проигрыватель вроде Pandora, и выложил его в трёх магазинах приложений (Google Play, iOS App Store, Windows Store). Вот что я выяснил. Процесс выкладывания был тяжёлый и поучительный. Зачем? Вероятно, вы удивились: «Зачем ты вообще выложил ...

Читать далее »