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

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

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

---

Медиа

• Подкаст «CSSSR»: Новости 512 — Next.js, дизайн-система Guardian, Teamlead Bootcamp, новое в интеграции Slack и Githu
• Подкаст «Пятиминутка React»: TechTrain, Ричард Столлман и Свободное программное обеспечение
• Подкаст «devschacht» #88: На краю земли. Как предыдущий опыт помогает в работе.
• Подкаст «Фронтенд Юность (18+)» #101 Как купить деревню по дороге за пивасом
• UnderJS Podcast: #1 — Пилотный — Настоящий Underground
• «Repozitorro» #23: Псс парень, немного Vue.js не хочешь?
• «Pro Conf» #24 PerfMatters: Web Performance Conference 2019
• "#PerfMatters Conference 2019"

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

• Быстрый старт с WebComponents
• SVG в реальной жизни. Доклад Яндекса
• Руководство по разработке, основанной на компонентах
• Frontend Design, React и мост через великий раздел
• Упс, кажется, мы стали разработчиками полного стека
• Фронтенд в Южной Корее. Тема на reddit, где местные фронтендеры делятся своей болью
• Создание реалистичного эффекта стекла с помощью SVG

• Производительность:
  • Особенности Google PageSpeed: улучшение оценки сайта и его рейтинга в поиске
  • Я использовал интернет целый день с бюджетом в 50Мб. Эксперимент по выживанию в интернете
  • Делаем Instagram.com быстрее: часть 1
  

• Accessibility:
  • Стратегии доступности для вашей контент-команды
  • Правда о цифровой доступности
  • Создание кастомных радиокнопок, доступных с клавиатуры
  

CSS

• Изучение свойств CSS-анимации с помощью волшебного котенка
• Использование пользовательских атрибутов CSS, сгенерированных JavaScript, в качестве механизма передачи
• 7 главных трендов CSS за 2019 год
• Новые возможности CSS в Firefox 68
• Какая специфичность правил @rules, таких как @keyframes и @media?
• Flexbox и padding-и
• Лучшие практики организации тем в CSS

JavaScript

• Введение в Screen Capture API — Сканируем QR коды в браузере
• Асинхронное программирование в JavaScript (Callback, Promise, RxJs )
• Опыт перевода большого проекта с Flow на TypeScript
• Использование искусственного интеллекта в браузере с TensorFlow.js
• Практические советы по улучшению кода на JavaScript
• Шпаргалка для перехода от jQuery к ванильному JavaScript
• Написание простого MVC приложения на простом JavaScript
• Как не быть отстойным в JavaScript
• Svelte: первые впечатления

• Теория:
  • Что ты такое, Event Loop? Или как устроен цикл событий в браузере Chrome
  • Объяснение работы EventLoop в JavaScript
  • Разбираемся с путаницей между JavaScript методами slice(), splice() и split()
  • Концепции JavaScript: Деструктурирующее присваивание
  • JavaScript Promises и Async/Await: настолько быстро, насколько это возможно
  

• React:
  • React + Redux + Comlink = Off-main-thread
  • React <Animated /> Tutorial
  • Получение данных в React с использованием React Async
  • Почему React хуки?
  • Заменят ли React хуки Redux?
  • Заменят ли React хуки Компоненты Высокого Порядка (HOC-и)?
  • localize-react: простая легковесная библиотека для локализации в React приложениях без зависимостей, построенная на базе нового React Context Api
  • Эффективное решение для замены Redux контекстом React и хуками
  

• Angular:
  • Создайте свой собственный классификатор изображений на Angular и Tensorflow.js
  • Лучшие Angular open source проекты
  • Релиз публичной беты Bit with Angular
  • Svelte для Angular разработчиков
  

• VueJS:
  • Создание динамических маршрутов в приложении на Nuxt
  • Vue.js 3: Перспективное программирование
  • Начало работы с Vuetify 2.0
  

• Ember:
  • Ember 2019-2020 Roadmap
  • Музей компонентов Ember. Изучите все способы использования компонентов в Ember 3
  • Шпаргалка по компонентам Ember
  

Браузеры

• Настройка Firefox в Linux
• В Firefox будет проведён эксперимент, связанный с DNS-over-HTTPS
• Релиз Chrome 76
• Релиз веб-браузера Midori 9
• Microsoft анонсировала отключение VBScript в Internet Explorer 11
• Что нового в DevTools (Chrome 77)
• Новые возможности CSS в Firefox 68

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

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