Дайджест свежих материалов из мира фронтенда за последнюю неделю №343 (10 — 16 декабря 2018)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры
Медиа
•
•
•
•
•
•
Веб-разработка
•
•
•
•
-
Производительность:
•Анти-паттерн производительности: Base64 Encoding
•Измеряем влияние расширений Chrome на производительность
•Все о prefetching
•GoogleChromeLabs/quicklink — инструмент, ускоряющий предзагрузку страницы, предварительно выбирая ссылки во вьюпорте во время простоя
-
AMP/PWA:
• Кейс: как Pinterest перешёл на PWA и увеличил активность пользователей на 60 %
•Существует ли холодная война между Android и Chrome из-за PWAs?
•Быстрее, чем AMP
-
Accessibility:
•JavaScript и гражданские права. Использование наших тех. навыков для защиты равных прав пользователей
•Не древняя стратегия навигации: это больше, чем просто клавиша TAB
•Использование aria-live
•Все меняется? Что может случиться с законом о доступности в Великобритании после Brexit
•В Firefox Accessibility Inspector теперь можно увидеть контраст WCAG, включая диапазон значений для градиентного фона
CSS
• Просто используйте стили для :focus, чёрт возьми
•
•
•
•
•
•
•
•
JavaScript
•
•
•
•
•
•
•
-
Node.js:
•Машинное обучение с Node.js при помощи библиотеки Tensorflow.js
•Запускаем дрон с помощью React и Node.js! (100% JavaScript!) — часть 1
•19 способов стать лучше для Node.js разработчиков в 2019
•Node.js API и веб-фреймворки для 2019
-
Теория:
•Явные возможности JavaScript
• Как работает JavaScript: обзор движка, среды выполнения и стека вызовов
•Наследование в JavaScript и цепь прототипов
•ECMAScript — пробуем что-то из ES2019 (ES10)
•Публичные и приватные свойства классов
-
React:
•Перед вами — React Modern Web App
•9 статических генераторов сайтов на React для 2019
•Рендер списков с помощью React Virtualized
•Написание кода React быстрее с помощью простых React-сниппетов
•Советы по оптимизации React
•Async React с помощью React Router & Suspense
•React: State & Props IRL
-
VueJS:
•Рассказы, главы и параграфы: структурирование контента с помощью Storyblok и Vue.js
•Выбор темы интерактивной карты с помощью Vue.js
-
Angular:
•Написание кастомное TSLint правило для Angular
•Вариант для наследования компонентов в Angular, часть 1
•Делаем Angular библиотеки еще лучше — часть 1
•Миграция с AngularJS на Angular — новая стратегия
-
Libs & Plugins:
•matchit: быстро парсит и сравнивает URLы
•Rendora: динамический рендеринг на сервере, использующий headless Chrome для решения SEO проблем с современными фреймворками React, Vue, Angular без усилий
•pika: поиск современных npm-пакетов. Получи быстрые и легковесные JavaScript сборки.
•Почему я больше не использую D3.js
Браузеры
• Релиз Firefox 64, Подробности для разработчиков в обзоре Марата Таналина
• Новый Edge будет поддерживать расширения Chrome
• Opera выпустила первый Android-браузер с поддержкой Web 3 и встроенным криптокошельком Ethereum
• Браузер Brave завершил переход на Chromium
•
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.