Дайджест свежих материалов из мира фронтенда за последнюю неделю №391 (25 ноября — 1 декабря 2019)

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

Медиа    |    Веб-разработка    |    CSS    |    JavaScript    |    Браузеры

Медиа

• Подкаст CSSSR: Новости 512 — JS tooling, Vue 3, новый гайд по созданию собственного React и CSSDB
• UnderJS Podcast #9 — Разговор с Виталием Брагилевским про Haskell для студента? [Ламповый]
• Подкаст «Фронтенд Юность (18+)» #116 Как стать фронтендером и сохранить лицо
• FrontSpot #15: Идеальный командный игрок и карьера в IT. Интервью с главой Центра JS Компетенции.

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

• Тестирование фронтенда
• Знакомьтесь, <details>
• Rust для веб-разработчика — быстрый старт и стремительный полет
• Первое знакомство с AssemblyScript
• Самое интересное с форума по веб-разработке Chrome Web Dev Summit 2019
• Создание эффекта искаженной маски на изображении с помощью Babylon.js и GLSL
• Релиз Bootstrap 4.4.1
• Введение в веб-API Picture-in-Picture
• Я делаю ставку на SPA

• Инструменты
  • WebStorm 2019.3: ускоренный запуск, усовершенствованная поддержка Vue.js и другие улучшения
  • Новый релиз Lighthouse CI, который позволяет автоматизировать проверку веб-производительности и лучше лучших практик при каждом коммите
  • Как я преодолел свой страх перед webpack
  • Архитектура микро-интерфейса: динамический импорт фрагментов из другого пакета Webpack во время выполнения. Чередующиеся приложения

• Доступность
  • WhoCanUse — инструмент, который дает понимание того, как цветовой контраст может влиять на людей с нарушениями зрения.
  • Чеклист, чтобы избежать наиболее распространенных ошибок доступности
  • Аудит проблем доступности с помощью Firefox Developer Tools

CSS

• Как вы избавляетесь от неиспользуемого CSS-кода? Часть 1, Часть 2
• Полезные советы по CSS
• Как перекрывать изображения в CSS
• Cлишком занят JSом, чтобы заботиться о CSS? Вот свежие функции, о которых вы хотите знать
• Использование пользовательских свойств CSS для уменьшения размера вашего CSS
• Архитектура CSS для современных приложений JavaScript
• Упрощенная отзывчивая типографика
• Мыслительный процесс, стоящий за макетом на Flexbox
• Мощь (и веселье) с областью видимости в пользовательских свойствах CSS
• Использование пользовательских свойств CSS для уменьшения размера вашего CSS
• Имена классов CSS, рассказывающие истории
• Воспроизведение звуков с помощью CSS

JavaScript

• Axios или Fetch: чем пользоваться в 2019 году?
• JavaScript не нужно ничем заменять — другие языки тоже столкнутся с теми же проблемами
• Анонс 2019 State of JavaScript Survey
• Физическое моделирование с помощью JavaScript на холсте HTML5
• Я никогда не вернусь к JavaScript. Как я отношусь к веб-разработке после изучения TypeScript

• Теория
  • Зачем в JavaScript нужен строгий режим?
  • Пример реализация Композиции в JavaScript
  • Пособие по методам Apply и Call в JavaScript
  • Задержка, сон, пауза и ожидание в JavaScript
  • ES7-ES9 Features #0 Introduction
  • ES7-ES9 Features #1 Object methods
  • Промисы с нуля в пост-апокалиптическом будущем

• React
  • Как быстро начать разработку на ReactJS: 3 надежных инструмента и лучшие практики
  • Тестирование React Hooks с помощью Enzyme и React Testing Library
  • 15 советов по производительности, которые нужно знать при создании приложения React.js
  • Преимущества ортогональных компонентов React
  • Redux Style Guide

• Vue
  • 26 советов для Vue, которые сэкономят ваше время
  • Использование Vue.Observable в качестве State Store
  • Доменная архитектура Vue.js
  • Как загружать сторонние скрипты в Nuxt.js
  • Как работают компоненты Vue (и как они упрощают веб-разработку)
  • Vuetensils 0.4: потрясающие компоненты и полезные директивы
  • Как создать адаптивный макет с помощью Vue Slots
  • Анимация Vue с помощью GreenSock
  • Подкаст «Full Stack Radio» №129: Evan You — What's Coming in Vue.js 3.0

• Angular
  • Angular vs. React: рендеринг массива
  • 6 шагов к Angular-based Microfrontend Shell
  • Повысьте производительность SPA, разбив ваши библиотеки Angular на несколько частей

• Ember
  • Очистка CSS в Ember (PostCSS + Purgecss)
  • EmberJS Chennai Meetup — November 9th 2019
  • Meetup: Ember London
  • Ember.js Nizhny Novgorod #1

• Libs & Plugins
  • Quiet.js: библиотека для приёма и передачи данных ультразвуком
  • fix-es-imports — Исправляет пути импорта ES — от Node-стиля до явных имен файлов
  • Jstates — небольшая JS-библиотека состояний
  • Flowy — небольшая библиотека на JavaScript для создания блок-схем
  • Creepyface — js-библиотека, которая заставляет ваше лицо смотреть в направлении указателя мыши

Браузеры

• В Firefox включена по умолчанию блокировка скрытых методов идентификации пользователя
• Разработчики из Mozilla добавили опцию для управления доступом к about:config
• Flow — быстрый многопоточный HTML5 браузер от Ekioh с новым движком рендеринга

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

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

Автор: alexzfort

Источник