Дайджест свежих материалов из мира фронтенда за последнюю неделю №376 (12 — 18 августа 2019)

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

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

---

Медиа

• Подкаст «Веб-стандарты» #189: MathML, ленивые картинки, CSS-модули, БЭМ или CSS-in-JS, приватность, CSS-Minsk-JS
• «UnderJS Podcast» #3: Сакральное предсказание о создании GitHub Actions
• Подкаст «CSSSR»: Новости 512 — индийский интеллект, JS-игры, уязвимости в HTTP/2, IDE для React и тестирование JS
• Подкаст «Frontend Weekend» #96: Дима Королёв о том, почему из врача нужно становиться руководителем
• Подкаст «Фронтенд Юность (18+)» #104: Почему фронтенд растёт через задницу
• Подкаст «Сделайте мне красиво» №22: Ужасы геймдева, переводов и UX
• Подкаст «Пятиминутка React»: Nest.js
• «UnderJS Podcast» #2: Как должен выглядеть настоящий Backend на NodeJS?
• Repozitorro #25: Open source на 100%, или раскрываем потенциал Codepen!

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

• Зачем современную веб-разработку так усложнили? Часть 1
• Глубокое погружение в современную веб-разработку. Бесплатный онлайн-курс с подробными объяснениями и примерами
• Что такое GraphQL: история, компоненты и экосистема
• Подборка впечатляющих демок на веб-технологиях «Awesome Demos Roundup» #7

• Производительность:
  • Фантастические трюки производительности на фронтенде и почему мы их делаем
  • Об особенностях третьесторонних библиотеках в JS: что это и зачем, советы для DevTools, что добавлять в код, песочница с примерами
  • Тестирование производительности — инструменты, шаги и лучшие практики
  • Ленивая загрузка встроенных YouTube видео
  

CSS

• .container больше не нужен
• Chrome планирует внедрить CSS Modules, черновик от Microsoft, который позволяет импортировать стили для компонентов из внешнего файла вместо встраивания CSS в JS
• Почему браузеры загружают таблицы стилей с несоответствующими медиа-запросами
• Многострочный усеченный текст с кнопкой «показать больше» (на чистом CSS)
• Что такое CSS — Внедрение тригонометрии в SCSS и извлеченные уроки
• Стилизация чекбоксов 2019 — доступно, просто, на чистом CSS
• Анимация вариативных шрифтов с помощью CSS и Splitting JS
• Контекстные служебные классы для цвета с пользовательскими свойствами
• Различные перспективы CSS-in-JS

JavaScript

• Нейронные сети на Javascript
• Методы массивов
• Травим данные с travajs
• История и наследие jQuery
• Всеобъемлющие и исчерпывающие рекомендации по тестированию JavaScript и Node.js (август 2019)
• Typescript в реальном мире — зачем и как его использовать
• Как я переписал нашу кодовую базу на TypeScript за неделю
• 5 интересных применений деструктуризации JavaScript
• Как создать шифровальную машину с помощью JavaScript

• Релизы
  • Релиз V8 v7.7
  • Релиз Parcel 2.0.0-alpha.1
  • Анонс релиз кандидата Ionic React
  

• Советы и рекомендации
  • 8 ошибок начинающих JavaScript-разработчиков, мешающих стать профессионалом
  • Переходим с jQuery на чистый JavaScript
  • 13 советов, как писать более быстрый и лучше оптимизированный JavaScript
  • Все новые советы и рекомендации для ES2019
  

• React:
  • Apollo Client. Теперь — с хуками React
  • Представляем новый React DevTools
  • Что нового в React 16.9: обновление UNSAFE
  • Draggin’ and Droppin’ в React
  • Тестирование современного React. Часть 1: лучшие практики. Часть 2: Jest и Enzyme
  

• Angular:
  • Представляем Transloco: интернационализация в Angular, сделанная правильно
  • Начало работы с Nx в Angular
  • Лучший способ ленивой загрузки для Angular Elements
  • Пришло время поблагодарить команду Angular CLI
  

• VueJS:
  • Vue.js: 3 анти-паттерна
  • Vue.js 3: перспективы развития
  • Как использовать Vuex для сохранения состояния в JavaScript
  • Комплексное руководство по созданию PWA с использованием Vue CLI 3.0
  

• Ember:
  • Octane на подходе в v3.14
  • Как написать действительно амбициозный SPA в 2019 году
  • Туториал по визуальному регрессионному тестированию Ember-Backstop
  

Браузеры

• Разбираем возможности конвертирования HTML в PDF браузером Google Chrome
• В Firefox 70 будет ужесточён вывод уведомлений и внесены ограничения для ftp
• В Firefox 70 планируют изменить отображение HTTPS и HTTP в адресной строке
• В Chrome 77 и Firefox 70 будет прекращена маркировка сертификатов с расширенной верификацией
• Google лишает Chrome поддержки FTP

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

• Как Facebook масштабирует архитектуру чата с нагрузкой в миллиарды сообщений в день
• Исследование: количество поисковых запросов в Google без переходов на сайты впервые превысило 50%
• Исследователь получил штрафы на 12 000 долларов, поменяв номерной знак авто на «NULL»
• Google представила Lexend — новый шрифт для более быстрого чтения документов и таблиц
• Google: только 26% пользователей согласились сменить пароль, узнав о его компрометации


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

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