Фронтенд-дайджест №342 (3 — 9 декабря 2018)

Приветствую, коллеги!

Прошедшая неделя запомнилась целыми двумя большими новостями, связанными с миром фронтенда. Во-первых, Microsoft официально выбросила белый флаг и решила больше не мучать себя и пользователей своими браузерами (хотя последний Edge не так уж и плох). Мнения интернета на этот счет разделились и далеко не все увидели в этом позитивный знак. Монополия редко идет на пользу индустрии.

Второй большой новостью стал релиз Wordpress 5.0. Этот релиз оказался самым мажорным за последние года и несет в себе редактор Gutenberg, который использует React в своем ядре. Учитывая, что Wordpress - самая популярная CMS в интернете (более 30% всех сайтов в мире), этот апдейт не может не коснуться фронтенда.

Медиа

• Подкаст «Frontend Weekend» #82 – Максим Сальников о том, как переехать в Осло и стать Google Developer Expert'ом
• Подкаст «Веб-стандарты», Выпуск №150: Edge теперь Chrome, Flutter для веба, доступность.
• Девшахта — подкаст: 60: Цена абстракции
• Подкаст «Фронтенд Юность (18+)» #74 Китайская трёшка
• Видеоблог Вадима Макеева: 12. Как вставить двадцать видео с Ютуба и не скачать слона

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

• Вышел релиз WordPress 5.0 (c Gutenberg на React), закладывающий фундамент новой платформы

• Прогрессивные веб-приложения: примеры и варианты использования PWA

• Введение в Background Fetch

• Руководство по HTML Canvas API

• Защищаем сайт, как-будто сейчас 1999-й

• Going Offline First (Серия видео)

• Почему вы должны использовать GatsbyJS для создания статических сайтов

• Отзывчивые изображения с помощью SVG вместо Srcset

• Интерактивный эффект отталкивания с помощью Three.js

• Инструменты:

  • 16 советов и трюков по DevTools, которые должен знать каждый разработчик CSS
  • screenshoteer: делай скриншоты и эмуляции мобильных устройств прямо из командной строки
  • Инструменты для CI мониторинга для фронтенда

• Accessibility:

  • Разработка доступных интерфейсов
  • “D” в DOM
  • Доступные SVG иконки с инлайновыми спрайтами
  • Что можно вынести из ситуации с доступностью в Gutenberg?
  • Инвалидность - это спектр, а не бинарное значение
  • Руководство по доступности веб контента 2.1 — для тех, кто не читал обновления
  • Accessibility at a Glance - серия коротких видео от разработчиков из Microsoft, посвящённая изучению доступности

Браузеры

• Microsoft официально подтвердила, что Edge переходит на движок Chromium
• Разнообразие браузеров начинается с нас
• Релиз web-браузера Chrome 71
• Глава Mozilla раскритиковал переход Microsoft на Chromium
• Qualcomm вместе с Mozilla работают над браузером Firefox для платформы Windows на ARM

CSS

• Безболезненный линтинг CSS с помощью stylelint
• Заполняем пробел между CSS и JavaScript: CSS модули, PostCSS и будущее CSS
• Диаграмма Венна на CSS
• Создание переключателей с помощью переменных CSS
• Программирование на CSS
• Как ты именуешь переменные для цвета?
• Подборка креативных теней для текста на CSS с CodePen

JavaScript

• Imba: JavaScript-совместимый язык для быстрой работы с DOM

• Малоизвестные возможности JavaScript

• Этот год в JavaScript: обзор 2018 и npm-предсказания на 2019-й

• Следует ли специалистам, связанным с Data Science, изучать JavaScript?

• Подкаст "My JavaScript Story": 088: Nicholas Zakas

• Немутабельные веб приложения

• Релизы:

  • Microsoft реализовала IntelliCode для TypeScript/JavaScript и C++
  • Google анонсировала Flutter 1.0, первую стабильную версию фреймворка на Dart
  • Релиз Babel 7.2.0: приватные методы экземпляра
  • Что нового в Typescript 3.2?
  • Релиз react-redux 6.0.0

• Теория:

  • О композиции функций в JavaScript
  • Руководство по обработке ошибок в JavaScript
  • Почему вам НАДО отписываться от Observable?
  • Возможно, вы не знаете JS: идеи из Библии JavaScript
  • Прощайте Transform-Streams, да здравствуют асинхронные генераторы ES9

• Node:

  • Как защитить ваше приложение на Node.js от вредоносных зависимостей
  • Как использовать TypeScript для создания Node API с Express

• VueJS:

  • 💖 VueJS: Аргументы "за", Аргументы "против". Новые видео от Ильи Климова на канале JavaScript.Ninja
  • «Тестируем настоящее Vue приложение», — доклад Никиты Соболева с Krasnodar Dev Days о том, как тестировать легко и быстро
  • eslint-plugin-vue - официальный ESLint плагин для Vue.js
  • Разработка на Vue в 2019: что вам нужно знать
  • Как создать приложение на Vue.js с помощью Single-File Components, без CLI.

• React:

  • Создание анимированных приложений на React с помощью React Spring
  • Еще 10 вещей, о которых вы не знали о Create React App
  • Советы и трюки для вашего React-Redux приложения
  • Как React отличает класс от функции?
  • Компоновка компонентов в React с использованием Context API
  • React Podcast - 31: Hooks are Mixins with Ryan Florence

• Angular:

  • Оптимизация Angular-приложений
  • Как начать работать с Angular на Windows
  • Мета-программирование, компоненты высокого уровня и примеси с Angular Ivy
  • Angular Console: что это и почему она ценна для вас?
  • Прогрессивные веб приложения с Angular: часть 2 - ленивая загрузка

• Libs & Plugins:

  • sharp - высокопроизводительный процессинг изображений на Node.js
  • 6 JavaScript-библиотек для аутентификации пользователей на 2019 год
  • ForgJs легкий валидатор объектов в javascript
  • Как наполнить базу тысячами пользователей, используя Knex.js и Faker.js