Фронтенд-дайджест №346 (1 — 6 января 2019)

Приветствуем в первом дайджесте этого года. Год новый, а проблемы фронтенда все еще старые, так и живем :)

Медиа

• Подкаст «Веб-стандарты», Выпуск №155: Успехи Патреона, a11y и ответственность за UX, SVG-фильтры, скринкасты и поля классов из ES, монорепозитории.
• Подкаст «Веб-стандарты», Выпуск №154: Признание подкаста, наш Патреон, ёлочные игрушки, безопасность, Edge, нейронки на JS, фронтенд в Италии, почему не знать нормально, корейское сердечко и брызги шампанского.
• «Девшахта-подкаст»: #63: Новогодний выпуск. В роли гостя — Вадим Макеев

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

• Джон Мюллер о создании AMP-only сайтов

• Лучшие генераторы статических сайтов для React в 2019 году

• Сколько стоит создание сайтов в 2019 году?

• Static Site Boilerplate: инструментарий для создания современных статических сайтов - автоматизированная сборка, локальный сервер разработки, минимизация и оптимизация, а также новейшие стандарты для статических веб-сайтов

• Узнайте, как использовать JSON Web Tokens (JWT) для аутентификации

• PageSpeed Module: значительное увеличение скорости вашего сайта в автоматическом режиме

• Как создать сниппеты для VS Code

• Accessibility:

  • Инклюзивные компоненты: переключатели. Перевод «Toggle Buttons» Хейдона Пикеринга
  • На Beyoncé's Parkwood Entertainment подали в суд из-за (не)доступности веб-сайта
  • Доступность - Состояние Сети. Интревью с Nektarios Paisios из Chrome Accessibility team

• Эффектный веб:

  • Инструмент для создания SVG-фильтров с Gradient Map
  • HTML5 SVG-анимация на CSS3 и ванильном JavaScript
  • Наиболее понравившиеся работы на CodePen в 2018
  • Новогодняя композиция с помощью three.js
  • Игра Crossy Road на three.js

CSS

• 4 CSS фишки на каждый день
• Как изучать CSS
• CSS Grid для дизайнеров. Как новая технология меняет лейауты в вебе
• Простое руководство по анимации CSS
• Быстрый аудит CSS и общие заметки о системах дизайна
• Фоновый градиент на многострочном тексте

JavaScript

• JavaScript реализация throttle на пальцах - скринкаст

• Y-комбинатор на JavaScript

• Чем опасны сторонние модули Node.js

• Топ фреймворков и областей JavaScript для изучения в 2019 году

• Изучение современного JavaScript десятью простыми способами

• Фоновая синхронизация с Service Workers

• AI в JavaScript с TensorFlow.js

• Теория:

  • Курс лекций по JavaScript и Node.js в КПИ
  • Как работать с async/await в циклах JavaScript
  • Краткая история JavaScript. Часть 1, Часть 2
  • Когда использовать var vs let vs const в JavaScript
  • Особенности ES6, которые вы должны знать
  • Хроники JavaScript объектов

• VueJS:

  • Состояние JavaScript в 2018 году: обзор Vue.js
  • О чем вас спросят на собеседовании vue.js в 2019
  • Семь причин изучать Vue.js в 2019 году
  • Сайт с блогом и портфолио с использованием Vue.js + Nuxt + Markdown
  • Хранение и использование последнего известного маршрута в Vue
  • Лучшие практики Vue.js. Подборка лучших практик и стайлгайдов
  • Hooper: настраиваемая карусель для приложений на Vue
  • D3.js и Vue.JS

• React:

  • Next.js для начинающих, с базовыми знаниями React
  • Использование React.lazy и Suspense для разделения кода вашего приложения
  • 3 основных инструмента для повышения SEO вашего приложения на React
  • Универсальные конфигурации Webpack для приложений на React
  • Рекурсивные пути с React Router

• Angular:

  • Создание переиспользуемого акордион-компонента, который может работать где угодно
  • Создание своего собственного Angular CLI Schematic с Nx
  • Прогрессивное веб-приложение с использованием Angular и Google API

• Libs & Plugins:

  • FBT - фреймворк от Facebook для интернационализации пользовательских интерфейсов
  • Readlint - линтит все примеры кода в вашей README-документации, используя общие конфиги
  • omniclone - изоморфная и настраиваемая утилита для глубокого копирования объектов