Веб-еженедельник № 2
Добро пожаловать во второй выпуск Web Weekly! Это была насыщенная неделя с множеством хороших статей в веб-сообществе. Давайте сделаем вступление кратким и перейдем к списку на эту неделю!
Опыт разработчика при создании PWA
Отличная статья от 14islands, в которой они рассказывают о своем опыте создания прогрессивного веб-приложения (PWA). Веб-приложение, которое они создали, было полностью с нуля, и его можно найти здесь.
API веб-ресурсов
Интернет быстро догоняет нативные приложения, и API Web Share — еще один отличный пример этого. API позволяет веб-приложению легко делиться ссылкой, заголовком или изображением без использования каких-либо внешних зависимостей или самодельных решений. Вместо этого он позволит вам использовать стандартные возможности, к которым пользователь привык в своей операционной системе. API в настоящее время проходит пробную версию в Chrome, но будущее выглядит радужным!
Будущее загрузки CSS
Chrome намеревается изменить поведение загрузки таблиц стилей, когда они присутствуют в теге body. Джейк Арчиблад, разработчик Chrome, написал отличный отчет об изменениях и о том, как веб-сайт может использовать их для постепенного отображения контента.
Государственный магазин Twitter Redux
Twitter недавно выпустил молниеносно быстрое прогрессивное веб-приложение, использующее React и Redux. В этой статье рассказывается о магазине Redux и о том, как его использует Twitter. Приятно читать и интересно посмотреть, как Redux используется в большом веб-приложении.
Маяк 1.5 выпущен
Lighthouse — отличный инструмент для аудита вашего веб-приложения, чтобы оценить, насколько хорошо оно работает. Он существует как инструмент командной строки Node.js или как расширение Chrome. В новом выпуске есть много новых функций, которые могут помочь сделать ваше веб-приложение еще лучше.
PWA для менеджеров
PWA — это термин, который появляется в статьях каждую неделю. Как веб-разработчики, мы все знаем, что это значит, и большинство статей написаны с точки зрения разработчика. В этой статье рассказывается о PWA с точки зрения менеджера и объясняется, как организация может начать создавать PWA.
Производительность веб-сборки
Web Assembly станет более стабильной и даст нам возможность запускать код с естественной скоростью. В этой статье сравнивается скорость в разных браузерах и дается краткий обзор текущего состояния Web Assembly.
Введение в Vue.js
Vue.js привлекает большое внимание из-за простоты использования. Если вы не знаете Vue.js и вам нужен хороший обзор фреймворка, эта статья поможет вам понять, о чем идет речь. Статья состоит из 5 частей и дает простые примеры того, как создать список задач, счетчик, а также более сложные примеры, такие как использование Vuex (реализация Redux на Vue.js).
Доступные компоненты пользовательского интерфейса
Интернет доступен по умолчанию, но разработчики иногда создают свои собственные компоненты и совершенно забывают сделать их доступными. Эдди Османи, работающая с командой Google Chrome, пишет о доступных компонентах пользовательского интерфейса и обо всех доступных функциях, о которых нужно помнить разработчикам. Эта статья была написана более шести месяцев назад, но она является хорошим напоминанием и до сих пор очень актуальна!
Медиа-запрос с уменьшенным движением
В Safari 10.1 Apple представила новый медиа-запрос для пользователей, которых укачает, если в веб-приложении много анимаций. В статье от CSS-Tricks они рассказывают об истории медиа-запроса, почему вы должны его использовать и когда вы должны его использовать.
Измеряйте производительность JavaScript
Еще одна замечательная статья от Эдди Османи! В этой статье он рассказывает об анализе Javascript в браузере и о том, как мы можем его измерить и улучшить первоначальный анализ Javascript, чтобы сделать веб-сайт быстрее.
Меня зовут Эмиль Биллберг, я работаю веб-разработчиком в Apegroup, где помогаю компаниям создавать красивые цифровые вещи. Мы студия дизайна и технологий в Стокгольме. Хотите узнать больше о том, как мы работаем? Подробнее на нашем сайте.
