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

Медиа

• Подкаст «Веб-стандарты» Выпуск №156 – Подкаст в Spotify, GraphQL в Питере, перемены на Гитхабе, браузерная поддержка, CSS-vs-JS
• Подкаст «Frontend Weekend» #86 – Александр Коротаев о том, как и зачем писать игры на JavaScript и выступать за рубежом
• Подкаст «CSSSR» Новости 512 — Выпуск №33
• «Девшахта-подкаст»: [#65: Зачем фронтендеру учиться в университете

](https://medium.com/devschacht/nightly-65-f27a91ba2250)

• «Девшахта-подкаст»: #64: ECMAScript модули в Node.js — новый план
• Подкаст «Фронтенд Юность (18+)» #79 Монопаразитории и полиперы
• "ALL YOUR HTML" #s2e4: "Ползающие полоски"

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

• Новый год, новый GitHub: неограниченные бесплатные приватные репозитории

• Что не так с GraphQL, И как с этим бороться

• Визуализация концепций GraphQL

• Chrome DevTools: пять самых популярных советов для DevTools с 2018 года

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

  • Чеклист производительности фронтенда 2019 от Виталия Фридмана [PDF, Apple Pages, MS Word]
  • Этика веб-производительности

• Accessibility:

  • Создание доступных SVG
  • Состояние доступности

• Анимация:

  • Использование Animation Worklet
  • Анимация меш-линий

CSS

• Подводные камни пользовательских CSS-свойств
• CSS - не отстой
• Новые горизонты в CSS: Houdini и Paint API
• Техники Sass из окопов
• Стилизация веб-компонентов
• Как работает специфичность CSS в браузере
• Зачем нам CSS subgrid
• Когда и как использовать CSS Multi-Column Layout
• Объединяем подходы к созданию Masonry Layout на CSS
• Введение в CSS Containment

JavaScript

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

• Результаты опроса 2018 JavaScript Rising Stars

• Computer science в JavaScript 2019: связанный список

• Defensive JavaScript. Как писать код, который не делает то, что не должен

• Советы и рекомендации, которые могут вам понадобиться при работе с JavaScript (вопросы и ответы)

• 9 хитростей для крутых разработчиков JavaScript в 2019 году

• Удаление ключевого слова «this» в JavaScript делает его лучшим языком. B вот почему

• Я ненавижу циклы for, и вот почему

• Практика:

  • Пятничный JS: квайн, который играет в крестики-нолики
  • Как написать собственный Custom Mouse UI Class на ванильном JavaScript
  • Как начать работать с соревновательным программированием на JavaScript
  • Преобразование цветовых пространств в JavaScript
  • Как создать просмотрщик PDF файлов на JavaScript

• ES2015+:

  • Новые возможности ES2018, которые должен знать каждый разработчик JavaScript
  • Как освоить Async / Await с помощью примера из реального мира
  • Улучшите свой асинхронный JS-код с помощью async/await

• Node:

  • Нет, вам не нужен Express в вашем REST API на Node.js
  • Анонс Matterhorn - Node.js API Server Boilerplate
  • Руководство для начинающих по серверной веб-разработке с Node.js
  • Создание персонального бота в Facebook Messenger за 10 минут с NodeJS и библиотекой Standard

• React:

  • Руководство по созданию React шаблона с нуля
  • Как начать работать заниматься веб-разработкой с нуля to Create-React-App на Windows
  • Начало работы с веб-доступностью в React
  • Подробное руководство по React Boilerplate - от нуля до героя
  • Справочник React
  • Как я создал асинхронную библиотеку для валидации форм в ~ 100 строках кода с помощью React Hooks
  • Создание Snapping Image Swiper в стиле Instagram на React
  • React Kawaii - Милые React SVG компоненты

• VueJS:

  • Vue.js, TypeScript и TSX в 2019 году
  • 8 Vue.js UI компонентов для 2019
  • 10 лучших советов для изучения Vue от мастеров Vue 🏔
  • 30 Days of Vue. Введение во Vue в 30 маленьких частях. Написано авторами Fullstack Vue

• Angular:

  • Прокачиваем Angular NGSW с помощью кастомной логики в Service Worker
  • Хочешь выучить Angular?
  • Angular Material Starter для поддержки Ng-Bootstrap
  • Создай приложение со всем новым и интересным в Angular 7
  • На пути к Angular 8: зарелизили Angular 7.2
  • Анимации в Angular 7

• Libs & Plugins:

  • Библиотека для создания веб-анимации Anime.js обновилась до версии v3.0.0. Работает со свойствами CSS, SVG, атрибутами DOM и объектами JavaScript.
  • karin: элегантный HTTP клиент на базе промисов для браузеров и node.js
  • Ваши помощники при работе с WebGL