РЕФЕРАТ

На тему:

«Прогрессивные веб-приложения и применяемые технологии»

Выполнил студент 1 курса магистратуры:

Васильский Дмитрий

СОДЕРЖАНИЕ

1.Что такое PWA? 3

1.1 Случаи использования PWA 4

1.2 Показания для PWA 4

1.3 Как работает WPA 5

1.4 Service Worker 6

2. HTML5 6

2.1 Преимущества HTML5 7

2.2 Недостатки HTML5 11

3. Java Script 12

1.Что такое pwa?

Progressive Web Apps полноценно используют современные возможности интернета и предоставляют пользователю ощущение работы с приложением. Интересным свойством PWA является то, что благодаря нему, отпадает нужда создавать приложения. Мобильная версия вашего сайта сама становится приложением. Исходя из этого, выплывает вопрос, что сегодня нужнее: сайт с приложением или PWA.

При этом учитывалась возможность присылать уведомления, синхронизация, работа в режиме оффлайн, интерфейс, создающий впечатление “родного” приложения, а также опция установки ярлыка на рабочем столе устройства.

Эти возможности были ранее недоступны для сайтов. Но благодаря тому, что новые браузеры поддерживают HTML5 и JavaScript, мы можем приступать к созданию такого функционала.

Progressive Web App должно быть:

• Прогрессивным. Вне зависимости от пользователя или браузера работать без сбоев, так как должно быть рассчитано на постоянное улучшение.

• Универсальным. Работать с любым форматом и размером устройства: компьютером, мобильным телефоном, планшетом и, собственно, чем угодно.

• Независимым от наличия интернета. Быть снабжено возможностью работать без соединения с интернетом или при подключении низкого качества с помощью Service Worker.

• Внешне напоминать приложение. Быть настолько же удобным, как «родное» приложение для телефона, иметь привычные методы навигации и управления.

• Обновляемым. Самостоятельно обновляться благодаря работе Service Worker.

• Безопасным. Используя HTTPS, обеспечить безопасный контент без посторонних вмешательств.

• Узнаваемым. Быть доступным для отслеживания его в списке приложений телефона.

• «Затягивающим». Мотивировать использовать приложение повторно методами по типу уведомлений.

• Устанавливаемым. Давать возможность пользователям устанавливать его на свой рабочий стол без необходимости посещать магазин приложений.

• Удобным. Простым в использовании через URL без необходимости комплексной установки.

1.1 Случаи использования pwa

Для многих людей PWA – это отнюдь не необходимость. Причина в том, что большинству сайтов незачем работать в форме приложений. Это не значит, что все преимущества PWA бесполезны, но для многих сайтов эти преимущества не стоят тех усилий и времени, которые будут на него затрачены.

В каких же случаях стоит прибегать к PWA? Приведем список признаков, когда он действительно нужен.

1.2 Показания для pwa

У вас есть:

• Контент, который регулярно обновляется, вроде биржевых сводок, быстро меняющихся цен или уровня запасов, или другие текущие данные.

• Чат или платформа комментариев с необходимостью обновления данных, а также уведомлений о новых сообщениях.

• Аудитория, которой свойственно извлекать данные, а потом загружать их в оффлайн-режиме, по типу новостных приложений или блога, публикующего много статей в день.

• Сайт с регулярно обновляемым контентом, который пользователи могут проверять по нескольку раз в день.

• Пользователи, которые в основном используют поддерживаемый браузер.

Получается что-то большее, чем обычный сайт, с интерактивными или чувствительными к временным рамкам компонентами, или часто появляющимся или обновляемым контентом. Хорошим примером является Google Weather PWA (Рис. 1).

Рис. 1 Google Weather PWA

Если в распоряжении обычный сайт с блогом, обновления в котором происходят не чаще раза в день-два, или даже еще реже, тогда, хотя и можно было бы сделать PWA, скорее всего, но есть и более важные вещи, которыми можно было бы заняться для совершенствования бизнеса.