Фронтенд-дайджест №376 (12 — 18 августа 2019)

Медиа

• Подкаст «Frontend Weekend» #96: Дима Королёв о том, почему из врача нужно становиться руководителем
• Подкаст «Сделайте мне красиво» №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