Фронтенд-дайджест №344 (17 — 23 декабря 2018)

Приветствую, коллеги! А начнем с основ JS, опубликованных в твиттере Stefan Baumgartner, Microsoft MVP 0 vs null vs undefined

Медиа

• Подкаст «Пятиминутка React» #51 - 18 фактов о Vue.js по итогам 2018 года
• Подкаст «Frontend Weekend» #84 – Павел Черторогов об одержимости GraphQL и состоянии IT-индустрии в Алматы
• Подкаст «RadioJS» #54: Предновогодний. Svelte, Vue, новости и тренды
• #62: Чем фронтендер может помочь девопс продукту
• Подкаст «CSSSR», Новости 512 — Выпуск №32 (17.12 — 23.12)
• "ALL YOUR HTML" #s2e2: "DeBuris.it декомпиляция, шейдеры"
• Nordic.js 2018, 29 видео

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

• Почему веб такой сложный?

• Годные туториалы на YouTube

• Доступные SVG-иконки с инлайновыми спрайтами

• Список конференций, принимающих русскоязычные доклады по фронтенду

• Нет причин использовать pointer-events для элементов HTML

• Обработка неработающих изображений с помощью service worker

• Service Workies - Изучите все преимущества сервис-воркеров с помощью интерактивной игры

• Релиз Bootstrap 4.2.1

• Производительность:

  • Запись трансляции Avito Online Frontend: Performance
  • Как беспокоиться о весе пакета npm

• Tools:

  • Делаем Modern Build
  • Релиз WebStorm 2018.3: улучшена поддержка Angular, улучшены автоимпорты, GitHub Pull Requests и многое другое
  • Использование DevTools для понимания современных методов верстки

• Accessibility:

  • Я пользовался скрин-ридером в вебе течение целого дня
  • Я выбросил свою мышь
  • Веб-компоненты все еще обязаны быть доступными

• Анимация:

  • Анимированный интерактивный пейзаж
  • Самые вдохновляющие сайты за 2018
  • Скролл мыши в перспективу

CSS

• Философия CSS
• Основы CSS: блочная модель
• Как сделать движение по кривой изинга (Easing Curve) в реверсе
• Фрагментированное, но развивающееся состояние CSS-in-JS
• Стилизация Select как-будто сейчас 2019
• Борьба с FOIT и FOUT
• Generic First CSS: Новое осмысление Mobile First
• Google Fonts и font-display
• Менее известные свойства CSS, объясненные в GIF`ках
• Касательно глобальной области видимости CSS

JavaScript

• Javascript-фреймворки: тенденции 2019 года

• ECMAScript-модули в Node.js: новый план

• Эксперименты с нейроинтерфейсами на JavaScript

• Релиз Electron 4.0.0, платформы создания приложений на базе движка Chromium

• Пирамида Getter-Setter в JavaScript

• Наиболее востребованные JavaScript фреймворки для разработчиков в 2019

• Новое бесплатное руководство "Functions" в "Programming Fundamentals" (51 задача с решениями)

• Особенности JavaScript: чистый способ изменения глобальных прототипов

• VueJS:

  • Повышаем производительность разработки на примере Vue — часть 1
  • Vue 3.0 Updates" доклад Evan You на VueConfTO 2018
  • Подводные камни Vue
  • Как создать статический сайт с Vue.js в кратчайшие сроки
  • Vue Route Component Hooks
  • Как создать подсветку меню в стиле Medium
  • Как устанавливать, создавать и развертывать собственные приложения с помощью Vue

• React:

  • React Hooks: что произойдет с контекстом react?
  • Nextjs для всех - с базовыми знаниями о React
  • React v16.7: Нет, это не тот с хуками
  • Анимация между вюхами в React

• Angular:

  • Как оптимизировать приложения на Angular
  • Angular Ivy Renderer готовность 93%
  • Повысьте производительность Angular с помощью ленивой загрузки ваших модулей
  • Улучшенная навигация в Angular 7 с помощью switchMap
  • Ентерпрайз-шаблоны Angular - часть 2

Браузеры

• Стало известно, почему Microsoft переходит на Chromium
• Действительно ли Google саботировал производительность Edge на YouTube?
• Новый выпуск web-браузера Firefox Focus
• Chrome 72 Beta: поля публичных классов, активация пользователя и многое другое