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

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

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

---

Медиа

• Подкаст «Веб-стандарты»: 183. Sass и кастомные свойства, веб-шрифты, безусловный JS, веб-компоненты, WebRTC
• Подкаст «Пятиминутка React»: Зарплаты в GitLab
• Подкаст «CSSSR»: Новости 512 — выдыхай, Huawei, новые фичи на Github и git-клиенты, релизы и документалка про GraphQL
• Подкаст «CSSSR»: Argumentarium — Парадигмы программирования: решаем и создаём проблемы
• Подкаст «devschacht»: #86: Проблема 10 тысяч соединений
• Подкаст «Фронтенд Юность (18+)» #98: Плебейская разработка like a Pro
• «Pro Conf» #19: Smashing Conf 2019

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

• Где изучать HTML и CSS в 2019 году?
• Советы по созданию собственной ленивой загрузки
• Все, что вам нужно знать Push-уведомлениях в PWA
• CORS – Cross-Origin коммуникация в современном вебе
• Будущее веб-сайтов: Headless CMS
• Как работает Google Pagespeed: улучшите свой счет и рейтинг в поисковых системах
• Доступность и закон

CSS

• Пользовательские свойства CSS в каскаде
• Добавление интересных эффектов с помощью CSS Blend Mode
• Внедрение новых CSS техник на продакшене
• Почему у меня возникли трудности с изучением React?
• 7 советов по оптимизации CSS для улучшения времени загрузки страницы
• Разработка надежной стратегии загрузки шрифтов для CSS-Tricks
• Internet Explorer 3, приключение в кросс-браузерной совместимости
• Не пропускайте CSS переменные
• Меню с динамическими областями наведения
• Создание переключателя цвета с помощью CSS переменных
• Пять методов создания пятизвездочных рейтингов
• Ограничение (псевдо) элемента в рамках родительского border-box
• Index fun

JavaScript

• Что такое Native Payment Request API?
• Наиболее часто используемые JavaScript-фреймворки для быстрой разработки: что выбрать
• Подробное сравнительное руководство Angular vs React vs Vue — какой из них выбрать в 2019
• Является ли React лучшим фронтенд фреймворком, с которого нужно начинать?
• 12 советов по улучшению производительности в JavaScript

• Теория:
  • Советы по улучшению условий в JavaScript
  • Разбираем Async/Await в JavaScript на примерах
  • Функциональный JavaScript: что такое функции высшего порядка и зачем они нужны?
  • Пятиминутка React: Траспиляция из async/await в генераторы
  • Метод строки startsWith() в JavaScript
  • Как использовать forEach() для итерации массива в JavaScript
  

• Node:
  • 13 приёмов работы с npm, которые помогают экономить время
  • Переключение между версиями Node во время разработки
  • Сравнение Stream API и (async) генераторов в Node.js v10
  

• React:
  • Под капотом у React. Пишем свою реализацию с нуля
  • Практические рекомендации по разработке масштабных React-приложений. Планирование, действия, источники данных и API
  • 8 практик, которые приведут к краху вашего приложения в будущем
  • Руководство программиста по React Router
  • Изучение React хуков и Context API при создании приложение поиска по рецептам
  • Как React Hooks может заменить React Router
  

• VueJS:
  • Практический пример использования render-функций Vue: создание типографской сетки для дизайн-системы
  • Несколько простых, но полезных советов по работе с геттерами в Vuex
  • Как увеличить размер страницы на 1500% с помощью веб-пакета и Vue
  • Использование слотов в Vue.js
  • Руководство для начинающих по работе с компонентами во Vue
  • Создание чата в реальном времени с Pusher и Vue.js
  

• Angular:
  • Осторожно! Angular может украсть ваше время.
  • Что может пойти не так? Как обрабатывать ошибки в Angular
  • Серия статей [Flight Assist Off], часть 1 – Angular без CLI
  

• Ember:
  • Вызовы, с которыми я столкнулся в Ember.js
  • Имитация бекенда блога с помощью Mirage и JSON API
  • Ember в середине 2019 года — хороший, плохой, ужасный и (надеюсь) будущее веб-разработки Ember<
  

• Libs & Plugins:
  • bounds.js — Асинхронное определение границ для ленивой загрузки, бесконечной прокрутки и многого другого
  • zip: надёжный ZIP декодер
  

Браузеры

• До Netscape: забытые веб-браузеры начала 1990-х
• Google Pay получил более глубокую интеграцию с Chrome
• Firefox продолжает терять пользовательскую аудиторию
• Mozilla анонсировала подписку на новостные сайты без рекламы в Firefox
• В Великобритании Firefox не будет использовать DNS-over-HTTPS из-за претензий в обходе блокировок

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

PS: Следующий выпуск дайджеста выйдет через 2 недели (внезапно отпуск без доступа к компьютеру)

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