Фронтенд-дайджест №372 (1— 7 июля 2019)

Медиа

• Подкаст «CSSSR»: Новости 512 - выдыхай, Huawei, новые фичи на Github и git-клиенты, релизы и документалка про GraphQL
• Подкаст «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 из-за претензий в обходе блокировок