Дайджест свежих материалов из мира фронтенда за последнюю неделю №363 (29 апреля — 5 мая 2019)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Веб-разработка    |    CSS    |    Javascript    |    Браузеры    |    Занимательное

---

Медиа

• Подкаст «Веб-стандарты», 174. Chrome 75, Spectre, slot, Svelte и Parcel, загрузка шрифтов, инди-опенсорс
• Подкаст «Фронтенд Юность (18+)»: #91 Чёрная дыра фронтенда

Веб-разработка

• TDD: методология разработки, которая изменила мою жизнь
• Создание веб-компонентов для разных контекстов
• Практическое руководство по SVG и инструментам дизайна
• Миллиард способов отображения SVG
• Простейшие способы обработки HTML Includes
• Как настроить верификацию по лицу простым способом с помощью HTML5 + JavaScript

• Производительность:
  • AMP в WordPress, оптимальные варианты использования
  • Обзор новостей AMP: AMP как сервис, signed exchanges, Bento, CSS tree shaking
  • Улучшение производительности The Telegraph за счет оптимизации третьесторонних ресурсов
  

• Инструменты:
  • packtracker.io — анализатор вебпак-бандла при каждом коммите
  • Как настроить расширение debugger for Chrome в Visual Studio Code
  

CSS

• Погружение в свойство display
• Множество способов создания «хлебных крошек» в стиле треугольных лент
• Реализация мокапа: создание CSS лейаута шаг за шагом
• Создание закругленных треугольников в CSS с помощью clip-path
• Создайте адаптивный лейаут с сеткой без медиа-запросов, используя CSS Grid
• Объединение CSS Grid с Bootstrap Grid
• Пересматриваем prefers-reduced-motion, медиа-запрос для ограничения анимаций в вебе

JavaScript

• Отладка и устранение распространённых ошибок в JavaScript
• Новые релизы: Babylon.js 4.0, Electron 5.0.0 и jQuery 3.4.1 с triggering focus events в IE и поиском рут-элементов в iOS 10
• Множество способов ввода данных в графиках
• Создание нового facebook.com с React, GraphQL и Relay
• Введение в криптографию для JS разработчиков
• Оптимизация производительности JS приложений с помощью Web Workers

• NodeJS:
  • Что нового в Node 12
  • Простая автоматизация npm публикаций
  • dotenv: загружает переменные среды из .env для nodejs проектов
  • 4 решения для одновременного запуска нескольких команд Node.js или NPM
  

• Теория:
  • JavaScript: 7 полезных мелочей
  • Введение в JavaScript async & await
  • Глубокое понимание JavaScript Async & Await с примерами
  • Введение в Javascript для опытных программистов, которые хорошо владеют основами
  • Javascript Array.push в 945x раз быстрее, чем Array.concat
  
  

• VueJS:
  • Совершение перехода от jQuery к Vue
  • Тестирование вашего приложения на Vue с Jest и Travis CI
  • Пользовательские режимы сборки с Vue CLI 3
  • Apollo state management в приложениях Vue
  • Понимание миксинов во Vue JS
  • Обработка ошибок во Vue.js
  • Пошаговый разбор имплементации реактивности во Vue
  

• React:
  • Тестируем React в 2019
  • Как определить и решить проблемы с потерянными рендерами в React
  • Пять вещей, которых вы не знали о React DevTools
  • create-react-app v3, что нового?
  • Загрузка страниц в React со скелетон-плейсхолдерами
  • React: JSX и рендеринг
  

• Angular:
  • Angular умирает из-за React?
  • Разбираемся с модулями в Angular
  • Angular: постоянные проблемы, с которыми я сталкиваюсь как фронтенд-консультант
  • Что такое Angular Console и почему вы должны о ней знать
  • Тестирование и эмуляция зависимостей в Angular
  

• Libs & Plugins:
  • shimport: используй JavaScript модули c динамическими импортами включительно, во всех браузерах
  • jquery-csv: релиз плагина на jQuery для парсинга CSV
  • aria-progress-range-slider: полностью доступный, легковесный progress bar/range слайдер
  

Браузеры

• Пользователи и разработчики заподозрили Google в сознательных сбоях в браузерах Microsoft, «Яндекса» и Mozilla
• В YouTube был заговор по устранению Internet Explorer 6, но администрация сервиса о нём не знала
• Сегодня многие популярные аддоны для Firefox перестали работать из-за проблем с сертификатом
• Браузер Brave внедряет рекламную платформу, основанную на вознаграждении пользователей
• В каталоге дополнений к Firefox вводится запрет на запутывание кода
• Заметки к релизу для Safari Technology Preview 81

Занимательное

• Вкратце: что Facebook анонсировала на конференции F8
• Google займётся разрушением SEO-мифов в новой серии видео
• Facebook открыл реализацию хэш-таблиц F14
• Аудит Gutenberg от WPCampus выявил «существенные и глубокие проблемы с доступностью»
• Фонд Apache перевёл свои Git-репозитории на GitHub
• Исповедь фуллстека. Профессия, религия, мечты
• Какие языки программирования не стоит изучать в 2019 году
• Документация как код: шесть принципов программирования, которые помогут создавать документы, понятные каждому


Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.