Фронтенд-дайджест №374 (29 июля — 4 августа 2019)

Медиа

• Подкаст «Пятиминутка 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: первые впечатления

• Релизы:

  • Релиз Electron 6.0.0
  • Релиз webpack v4.39.0
  • Движок V8 JavaScript 7.4, 7.5, и 7.6 были добавлены улучшения производительности

• Теория:

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

• React:

  • React + Redux + Comlink = Off-main-thread
  • React 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