https://habr.com/post/435958/

• CSS
• HTML
• JavaScript
• Разработка веб-сайтов

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

    Медиа    |    Веб-разработка    |    CSS    |    Javascript    |    Браузеры    |    Занимательное

---

Медиа

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

Браузеры

• Встроенный в Chrome блокировщик рекламы заработает для всех стран летом текущего года
• Mozilla разрабатывает новый мобильный браузер Fenix
• Разработка Flexbox Inspector

Занимательное

• Что произошло в сфере IT-безопасности в 2018 году — утечки, атаки, майнинг и мемный хакинг
• Глава NVIDIA заявил, что закон Мура мертв
• Типографика в дополненной реальности: сделать шрифт более читаемым под разным углом обзора
• Что программист не должен был пропустить в 2018 — мнение экспертов
• Python назвали языком 2018 года в январском рейтинге TIOBE


Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.