Angular является одним из трех интерфейсных фреймворков. Его «борьба» с React и Vue никогда не прекращалась. Усилиями команды и разработчиков Angular Angular создал сообщество и экосистему с миллионами разработчиков. В дни, предшествующие конференции I/O этого года,Angular 6 официально выпущен,Добавлен Новые функции, такие как ng update и ng add, поддерживают актуальность ваших приложений, помогая разработчикам Angular быстрее внедрять инновации.
Модуль рендеринга Angular Project Ivy также был значительно улучшен, он упрощает отладку Angular, компилирует и работает быстрее, его также можно использовать с существующими приложениями. Команда Angular также работает над небольшим приложением Hello World. Чтобы продемонстрировать, неиспользуемые функции Angular будут быть автоматически удалены из пакета JavaScript приложения.
PWAPWA должны стать одной из самых горячих интерфейсных технологий за последние два года. Google утверждает, что различные отрасли по всему миру добились больших успехов в построении PWA.После того, как Starbucks запустил сайт PWA, количество ежедневных активных пользователей увеличилось в 2 раза.Они протестировали рекламный сайт и обнаружили, что при переходе сайта на PWA , средний коэффициент конверсии увеличился на 20%.
Последние разработки PWA:-
Ранние PWA были в основном ориентированы на мобильные устройства, но из-за ограничений платформы iOS не могла их поддерживать, но в начале этого года, наконец, появились хорошие новости, объявила Apple.iOS 11.3 откроет PWA, что позволяет разрабатывать кроссплатформенные PWA становятся возможными.
-
В феврале Microsoft решила добавить PWA в Магазин Windows, объявив, что в Windows 10 будут доступны прогрессивно улучшенные веб-приложения.
-
В конце февраля Chrome на ПК официально поддерживает PWA. Конкретный метод реализации см.эта статья.
-
На конференции I/O Google объявил, что в июне этого года Chrome 67 будет поддерживать «установку» PWA на рабочем столе, сохраняя при этом функции запросов в браузере, такие как поиск на странице, обмен URL-адресами, поддержка Google Cast. и т. д., рисунок ниже. Часть опыта после развертывания настольного PWA для Spotify.
Service Worker — одно из самых больших улучшений за последние годы. Это веб-API для команды Chrome. Он освобождает разработчиков от живого цикла страницы, работает на задней панели браузера, контролирует весь объем действий. Запросы страниц. чтобы веб-приложения работали в автономном режиме.
В марте этого года Apple объявила, что Safari 11.1 на iOS и MacOS поддерживает Service Worker, а в конце апреля Microsoft также сообщила, что Microsoft Edge также будет поддерживать Service Worker, а это значит, что все основные браузеры теперь поддерживают Service Worker.
Чтобы упростить использование, команда разработчиков Service Worker создала библиотеку Workbox, которая объединяет многие широко используемые мощные шаблоны Service Worker в простой в использовании API.
Рабочий ящик:
https://developers.google.com/web/tools/workbox/
WebAssemblyWebAssembly позволяет веб-сайтам запускать высокопроизводительный низкоуровневый код, написанный на таких языках, как C или C++, открывая новый мир для Интернета.В марте этого года AutoCAD от Autodesk взял кодовую базу 35-летней давности и скомпилировано с помощью WebAssembly. Запускается прямо в браузере, что означает, что вы можете рисовать в САПР прямо в браузере, независимо от вашего устройства или операционной системы.
PolymerPolymer — это библиотека JavaScript на базе Google, которая помогает создавать настраиваемые повторно используемые HTML-элементы и использовать их для создания высокопроизводительных и удобных в сопровождении приложений.
На конференции I/O Google представил Polymer 3.0. Polymer 3.0 стремится перенести экосистему веб-компонентов с импорта HUML на модули ES. Система управления пакетами будет поддерживать npm, что упрощает интеграцию веб-компонентов на основе Polymer. Компоненты с Используйте ваши любимые инструменты и платформы вместе.
AMPAMP — это библиотека веб-компонентов, запущенная Google для создания веб-страниц для статического контента, обеспечения надежного и быстрого рендеринга и ускорения загрузки страниц. На сегодняшний день существует более 6 миллиардов страниц из 46 миллионов доменов, которые загружаются в среднем менее чем за 1 секунду при поиске в Google.
Поскольку потребление мобильного контента смещается в сторону полноэкранной, лаконичной типографики, чтобы удовлетворить потребности издателей контента, команда APM недавно объявила о разработке AMP-историй, набора веб-групп, разработанных для мобильного повествования с поддержкой нативного видео. а изображения, богатые визуальными эффектами, рассказывают историю с помощью анимации и интерактивных взаимодействий, которые важны для экстренных новостей, потому что иногда изображения могут более интуитивно и быстро донести смысл до читателей.
Lighthouse — это инструмент для анализа качества веб-сайтов, предоставляющий вам показатели производительности веб-сайта и рекомендации. К нему можно получить доступ непосредственно из Chrome DevTools, запустить из командной строки или интегрировать с другими продуктами для разработки. Только в 2018 году было задействовано 500 000 разработчиков. их веб-сайт.
Ранее в этом месяце был выпущен Lighthouse 3.0.В последней версии веб-сайт будет просматриваться быстрее, с новым интерфейсом отчетности, а дополнительные обновления можно просмотреть на официальном сайте Lighthouse.
Связь:
https://developers.google.com/web/updates/2018/05/lighthouse3
Ссылка на ссылкуhttps://blog.chromium.org/2018/05/the-state-of-web-at-google-io-2018.html