Дайджест свежих материалов из мира фронтенда за последнюю неделю №375 (5 — 11 августа 2019)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
•
•
•
•
•
•
•
•
• Фантастические веб-спецификации и где они обитают
•
•
•
•
•
•
-
Производительность:
•Особенности Google PageSpeed: улучшение оценки сайта и его рейтинга в поиске
•Largest Contentful Paint (LCP). Новая метрика производительности, которая поможет измерить время загрузки основного содержимого веб-страницы.
•Time to First Byte: что это такое и почему это важно
•Нативная ленивая загрузка в вебе
•Нативный Lazy-Loading уже работает в Chrome 76!
•Установите сетевые подключения заранее, для улучшения воспринимаемой скорости страницы
•Высокопроизводительная обработка инпута в вебе
-
Tools:
•5 полезных плагинов для webpack
•Руководство по горячим клавишам Visual Studio Code, для более высокой продуктивности и 30 моих любимых сокращений, которые стоит выучить
•SVG Gobbler — простое расширение, которое находит SVG в текущем окне, выделяет уникальные атрибуты, включая размер, и позволяет загружать или копировать в буфер обмена уже оптимизированную версию
-
Accessibility:
•Web Accessibility vs. Usability
•Неожиданные советы по доступности
-
Анимация:
•Эффект оставления следов изображениями при движении мыши
•Подобка впечатляющих сайтов Inspirational Websites Roundup #7
•Как создать веб-анимацию с Anime.js
• Пользовательские CSS-атрибуты как механизм передачи данных из JavaScript в CSS
•
•
•
•
•
•
•
•
•
•
• Современный учебник JavaScript. Большое обновление популярного ресурса от Ильи Кантора
•
•
•
-
Теория:
•Часто задаваемые вопросы о системах типов
•Defined or Undefined? Нюансы создания массивов в JavaScript
•Использование let объявлений переменных и особенности образуемых при этом замыканий в JavaScript
•Design Patterns #1 — Singleton (Одиночка)
•Работаем с ECMAScript 2019 Asynchronous Iteration с помощью for-of
•Intl.NumberFormat
•Интересные варианты использования битовых операторов JavaScript
•JavaScript Promise комбинаторы: .all(), .race(), .allSettled()
-
React:
•Анимированное руководство по базовым механизмам React
•Релиз React v16.9.0 и обновление дорожной карты
•Что нового в React v16.9
•Как работает Development Mode Work?
•Создание мобильных приложений с Ionic и React
•useEffect или useLayoutEffect на простом доступном языке
•Использование Immer для управлением состоянием React приложения
-
VueJS:
• Создание SPA на Vue.js поверх Headless WordPress
•Как настроить среду разработки для Vue
•Модификация данных компонента с помощью источников событий во Vue.js
•Получая больше от асинхронных Vue компонентов
-
Angular:
•Использование функции async-await в Angular
•Асинхронные модули и компоненты в Angular Ivy
•На пути к Angular 9: три исправленных ошибки в Angular 9
•Как обмениваться Angular компонентами между проектами и приложениями
-
Ember:
•Обработка атрибутов Foreign Key в API с данными Ember
•Пишем тесты, как математики: Часть 1
•EmberMap Podcast — Object references considered helpful
•EmberMap Podcast — You gotta feel the pain
-
Libs & Plugins:
•sharec — проект для замены бойлерплейтов и пакетов типа Create React App, который позволяет обновлять конфиги и позволяет вносить в них изменения
•Frosted Panel — кросс-браузерная библиотека на чистом JS для реализации отзывчивого эффекта «Замерзшего Стекла»
•murphyjs: простой способ реализовать анимацию, основанную на прокрутке, в ваших компонентах.
• Найден метод для определения просмотра в режиме инкогнито в Chrome 76
• В Chrome 78 Canary тестируется функция принудительного тёмного режима для всех сайтов
• В ночные сборки Firefox добавлен режим строгой изоляции страниц
•
• Атака на системы фронтэнд-бэкенд, позволяющая вклиниться в сторонние запросы
• Google выделила подкасты в результатах поиска
• Huawei официально представила распределённую операционную систему HarmonyOS
• В процессорах выявлена новая уязвимость, обходящая защиту против Spectre и Meltdown
• Подрядчики Microsoft прослушивают некоторые разговоры пользователей Skype
• Придумать популярную игру, но не заработать на ней: история «Тетриса» и его изобретателя
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.