coursehunter
Категории
  • Frontend
    • Angular
    • HTML
    • CSS
    • JavaScript
    • Vue
    • JQuery
    • React.js
    • AngularJS
    • TypeScript
    • Ember
    • Next.js
    • Elm
    • Svelte
  • Backend
    • PHP
    • Python
    • Ruby on Rails
    • Yii
    • Laravel
    • SQL
    • Ruby
    • Symfony
    • Java
    • Node.js
    • Golang (Google Go)
    • Slim
    • Silex
    • Firebase
    • C Sharp (C#)
    • Deno
  • System programming
    • Rust
  • Marketing
    • SEO
  • Video/3D
  • Graphic
  • Tools
    • GraphQL
    • AWS
    • Docker
    • Flux
    • Webpack
    • Ansible
    • Git
    • Kubernetes
    • Gulp
    • Grunt
    • Visual Studio Code
    • VIM
    • Azure
    • OpenCV
    • Salt
    • SVN
    • Atom
    • Elasticsearch
    • Gitlab
    • Electron
    • Chrome DevTools
    • Yarn
    • Babel
    • GitHub
    • Grep
    • NPM
    • Gatsby
    • Google Cloud
  • Разработка мобильных приложений
    • React Native
    • Ionic
    • Swift
    • Progressive Web App (PWA)
    • Core Data
    • Xamarin
    • NativeScript
    • Dart и Flutter
  • Gamedev
  • CMS
    • Wordpress
    • OpenCart
    • Drupal
    • Joomla
    • 1C-Битрикс
    • MODX
  • Blockchain
    • Криптовалюты
  • Тестирование / Quality Assurance (QA)
    • Postman
    • Selenium
    • Appium
    • Protractor
    • Cypress
  • Другое
  • Подготовка к собеседованию
  • Обработка и анализ данных
  • Книги
  • Информационная безопасность
Источники Все курсы
en ru
Sign Up Sign in
Главная страница Разработка мобильных приложений Progressive Web Applications (PWA) и Оффлайн

Progressive Web Applications (PWA) и Оффлайн

Progressive Web Applications and Offline

frontendmasters
Продолжительность
13:03:51
Источник
frontendmasters
Количество уроков
13 Видео
Дата добавления
12/09/2017
Язык
English
Дата обновления
05/07/2018

Прогрессивные веб-приложения (Progressive Web Applications) становятся супергероями, когда они могут, при этом обеспечивая отличный базовый опыт в менее современных браузерах. Они надежные, быстрые, привлекательные, и хотя они могут делать многие вещи, которые пользователи ожидают от родных приложений, они не занимают много места или требуют длительного процесса установки.

В этом семинаре мы начнем с «классического» одностраничного приложения, которое немного громоздко по размеру, имеет медленную начальную загрузку, не работает в автономном режиме и обеспечивает очень «базовый» мобильный веб-интерфейс. Затем мы расширим его несколькими способами, чтобы при поддержке ключевых технологий в браузерах ваших пользователей их опыт оказался значительно лучше!

Во-первых, мы добавим в приложение любые метаданные для мобильных устройств и рассмотрим, как мы можем использовать студию Android и симулятор iOS, чтобы проверить наши улучшения. Чтобы немного уменьшить вес страницы, мы обсудим, как выбирать между типами изображений, такими как png и jpeg, и некоторыми недавними достижениями в сжатии.

Затем добавим sevice worker и применим несколько стратегий кэширования, чтобы в конечном итоге позволить нашему приложению работать в автономном режиме! Кроме того, мы будем использовать IndexedDb, чтобы новые данные, созданные на мобильном устройстве, могли храниться как структурированная запись, доступная как в наших приложениях, так и в сфере обслуживания (service worker scopes).

Ну и вконце мы будем работать над уменьшением нашего начального веса страницы, применяя разделение кода и уменьшая размер наших пакетов с помощью Rollup и Prepack. В конце концов, наше «классическое» приложение будет загружаться быстро при первом посещении, и почти мгновенно для каждого посещения после этого!

Комментарии

Только зарегистрированные пользователи могут комментировать️

Похожие курсы

Создавайте контентые PWA с Gatsby и Contentful

Создавайте контентые PWA с Gatsby и Contentful

Build Content Rich Progressive Web Apps with Gatsby and Contentful
JAMstack, сокращение от «JavaScript, APIs, and Markup », делает свой вклад в мире веб-разработки. Создание приложений JAMstack избавляет от необходимости создавать бэкэнд с нуля, позволяя вам сосредоточиться на том, что действительно важно: на вашем контенте.
00:33:31
9 уроков
English
egghead
Премиум
Посмотреть
Service Worker и PWA

Service Worker и PWA

Service Worker and PWAs
Мы привыкли думать о веб-приложении, которое находится только на одной вкладке браузера пользователя. Но оказывается, что для того, чтобы сайты начали достигать паритета с нативными приложениями, им нужно вырваться из вкладки! Эта модель началась много лет назад с Web Workers, и теперь она включает в себя новый мощный вид: Service Worker. С помощью Service Workers часть вашего приложения находится за пределами вкладки и может действовать как...
04:17:31
39 уроков
English
frontendmasters
Free
Посмотреть
Прогрессивные веб-приложения в React с create-react-app

Прогрессивные веб-приложения в React с create-react-app

Progressive Web Apps in React with create-react-app
Прогрессивные веб-приложения (PWA) позволяют пользователю использовать ваше веб-приложение в Интернете или в автономном режиме и позволяют ему устанавливать приложение на свое устройство iOS или Android, как собственное приложение. Звучит отлично, правда? Но может быть сложно правильно настроить PWA, и не каждая функция работает на каждом браузере или устройстве.
00:46:03
20 уроков
English
egghead
Премиум
Посмотреть
Прогрессивные веб-приложения (PWA) - от новичка до эксперта

Прогрессивные веб-приложения (PWA) - от новичка до эксперта

Progressive Web Apps (PWA) - From Beginner to Expert
Узнайте, как обеспечить лучший пользовательский опыт с использованием лучших веб-технологий. Прогрессивные веб-приложения - это просто веб-сайты, которые постепенно становятся приложениями. Но как это происходит? Требуются опытные разработчики, которые понимают новый способ создания быстрых, надежных и привлекательных веб-сайтов. В этом курсе вы узнаете, что такое прогрессивные веб-приложения, зачем их нужно осваивать и почему ваши...
19:46:59
179 уроков
English
udemy
Премиум
Посмотреть
Angular прогрессивные веб-приложения (PWA) МастерКласс + Книга

Angular прогрессивные веб-приложения (PWA) МастерКласс + Книга

Angular Progressive Web Apps (PWA) MasterClass & FREE E-Book
Практическое руководство по Angular 6 прогрессивным веб-приложениям (PWA). В первой части курса мы собираемся погрузиться прямо в Angular Service Worker и встроенную поддержку Angular CLI PWA. В качестве отправной точки мы собираемся использовать обычное Angular приложение, и мы собираемся начать добавлять функции PWA поверх него, чтобы превратить его в прогрессивное веб-приложение.Мы начнем с добавления оператора Angular Service Worker и...
03:41:40
41 уроков
English
udemy
Премиум
Посмотреть

Ресурс видеоуроков программирования для front и back end разработчиков. Бери знания своего профиля у нас, ведь мы самые лучшие блеать. Серьезно.

Категории
Все категории Graphic CSS JavaScript Vue React.js Python Java Node.js Тестирование / Quality Assurance (QA) Другое
Источники
Все источники Kent C. Dodds OTUS Дмитрий Лаврик Елисеев webformyself softwaretesting frontendmasters videosmile itvdn udemy
Telegram Форум Пакеты Контакты Road map FAQ
Темы: