2015 год оказался богатым на инновации, связанные с усовершенствованием веб-платформы.
Аксель Рошмайер рассматривает 6 технологий, которые кажутся ему наиболее интересными: 1. Электрон; 2. Реагировать Натив; 3. Прогрессивные веб-приложения; 4. Код Visual Studio; 5. Свертывание; 6. ВебСборка.
1. Электрон Электрон — это технология, разработанная GitHub. Он позволяет создавать кроссплатформенные настольные приложения с использованием веб-технологий.
Среди его особенностей: • автоматические обновления; • отчеты об ошибках; • Установщики Windows; • отладка и профилирование; • Родные меню и уведомления.
Технология изначально была создана для редактора GitHub Atom, который в настоящее время используется многими компаниями, включая Microsoft (в Visual Studio Code, обсуждается ниже), Slack и Docker. Архитектура Electron включает в себя как среду выполнения Node.js, так и встроенный браузер Chromium. Приложения, созданные с помощью этой технологии, выполняются несколькими процессами: основной процесс запускает сценарий из файла package.json. Этот сценарий может открывать окна для отображения пользовательского интерфейса.
Подобно вкладкам в веб-браузере, каждое окно выполняет отдельный процесс, называемый рендерингом.
2. Реагировать нативный Реагировать нативный позволяет разрабатывать собственные приложения для iOS и Android с использованием React. Макет виртуального DOM остается прежним, и для его создания по-прежнему необходимо использовать JSX. Но теперь пользовательский интерфейс построен с использованием собственных компонентов, таких как UITabBar для iOS и Drawer для Android. Размещение этих компонентов можно настроить с помощью Flexbox. С одной стороны, это означает, что каждая платформа имеет разные уровни пользовательского интерфейса: веб, iOS и Android. С другой стороны, у вас будет возможность повторно использовать большую часть кода и получить опыт нативной разработки для каждой платформы.
Обычно я скептически отношусь к портированию языка с родной платформы на другую.
Но несколько месяцев назад, оценивая React Native, сказал один разработчик iOS : «Возможно, я больше не буду писать приложение для iOS на Objective-C и Swift».
Это примечательно, потому что ему пришлось изучить и JavaScript, и React, прежде чем он смог продуктивно работать с React Native. Еще одно интересное заявление принадлежит Энди Матущаку, члену команды UIkit, который помогал в разработке iOS с версии 4.1 по 4.8: «Как автор UIkit, я могу с уверенностью сказать: для UI-слоя модель React намного лучше, чем модель UIkit. React Native — это здорово!» 3. Прогрессивные веб-приложения В некотором смысле нативные приложения уже догнали веб-приложения: примером этого является использование технологий индексирования и глубоких ссылок.
Прогрессивные приложения — это не столько технология, сколько обобщение характеристик современных веб-приложений.
Это может означать, что в каких-то областях веб-приложения не отстают от нативных, в каких-то превосходят их: • Метод постепенного улучшения: приложение использует как можно больше сред. Если необходима какая-либо служба, приложение использует то, что доступно, или корректно завершает работу, если ничего не найдено.
• Адаптивный пользовательский интерфейс: приложение адаптируется к различным методам ввода (сенсорный, речевой и т. д.) и вывода (разные размеры экрана, вибрация, звук, дисплеи Брайля).
• Независимость от соединения: приложение работает в автономном режиме, когда соединение прерывается или полностью отсутствует. • Пользовательский интерфейс, адаптированный к приложению.
Приложение использует собственные элементы пользовательского интерфейса платформы, включая быстро загружаемый пользовательский интерфейс, который можно архивировать путем кэширования ресурсов с помощью Service Worker. • Непрерывные обновления.
API Service Worker определяет процесс автоматического обновления приложений.
• Безопасное соединение: протокол безопасной передачи данных HTTPS используется для предотвращения слежки и атак.
• Обнаружение приложений: метаданные, такие как Манифесты веб-приложений W3C , позволяют поисковым системам находить веб-приложения.
• Взаимодействие с push-уведомлениями: оно помогает пользователям оставаться в курсе событий.
• Нативная установка: на некоторых платформах можно установить веб-приложение, ничем не отличающееся от нативного (значок на главном экране, отдельная позиция на панели многозадачности, пользовательский интерфейс браузера необязателен).
• Связывание: возможность легко обмениваться приложениями по URL-адресу и запускать их без установки.
Я решил поговорить о прогрессивных веб-приложениях, потому что мне нравятся все вышеупомянутые методы и технологии, но я не совсем уверен, в чем именно разница между прогрессивными веб-приложениями и современными веб-приложениями.
Единственное, что приходит на ум, это Это баннеры установки веб-приложений.
Главная особенность в том, что этим приложениям вообще не нужны баннеры.
Для дальнейшего чтения: • Прогрессивные веб-приложения (сайт Google); • Статья Эндрю Беттса «Прогрессивные приложения» — это мешок морковки .
Эндрю критически относится к Progressive Web Apps как к бренду и начинает статью с его анализа.
4. Код Visual Studio Код Visual Studio — редактор кода JavaScript, что-то среднее между интегрированными средами разработки и текстовыми редакторами, который, на мой взгляд, достаточно хорошо себя зарекомендовал.
Он также имеет то преимущество, что написан на JavaScript и основан на Electron. В 2015 году ВСК получил статус программное обеспечение с открытым исходным кодом И купленные расширения.
5. Свернуть Свернуть — ассемблер модулей ES6, преобразующий их в отдельную сборку, представляющую собой модуль в формате ES6 или CommonJS. Rollup привносит две инновации в мир модулей JavaScript: • Полученная сборка состоит только из использованных экспортированных файлов благодаря технике встряхивания деревьев.
Этот метод существенно зависит от статической структуры модулей ES6. Под статической структурой мы подразумеваем возможность анализа во время компиляции без использования кода экспорта.
Удаление неиспользуемого кода позволяет изменять размеры модулей, не беспокоясь о размерах сборки.
• Объединенный пакет ясно показывает, что модули ES6 можно упаковать в формате ES6, минуя какую-либо пользовательскую загрузку.
Для дальнейшего чтения: • Руководство по объединению; • Tree-shaking с помощью Webpack 2 и Babel 6; • Будущее объединения модулей JavaScript. 6. Веб-сборка Веб-сборка — это двоичный формат статического формального языка, полученного из asm.js, который можно использовать для создания динамических исполняемых программ, поддерживаемых механизмами JavaScript. Формальный язык имеет более высокий уровень, чем байт-код, поэтому его легче поддерживать.
Выходные файлы существуют в JavaScript и, как следствие, хорошо в него интегрируются.
Учитывая скорость asm.js, скорость компилирования кода C++ в Web Assembly составит примерно 70% от скорости компиляции C++ в нативный код. Вполне вероятно, что вскоре Web Assembly будет поддерживать ООП JavaScript и станет универсальной виртуальной машиной для Интернета.
Для дальнейшего чтения: • WebAssembly: двоичный формат для Интернета.
Теги: #веб #технологии #анализ #результаты #электрон #веб-приложения #WebAssembly #разработка веб-сайтов #JavaScript #разработка мобильных приложений #тестирование веб-сервисов
-
Обязанности Менеджера
19 Oct, 24 -
Re: Может Ли Пострадать Клетчатый Блокнот...
19 Oct, 24 -
Javapns И Jre7
19 Oct, 24
