https://habr.com/post/435294/

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

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

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

---

Медиа

• Подкаст «Веб-стандарты», Выпуск №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 — изоморфная и настраиваемая утилита для глубокого копирования объектов
  

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

• SEO-итоги 2018: качество сайта, дискриминация органики и пауки в банке
• Наиболее важные события 2018 года
• Стабильный выпуск web-браузера Otter 1.0 с интерфейсом в стиле Opera 12
• Империя Amazon — список всех подразделений онлайн-гиганта
• 8K, VR и голограммы: каким будет телевидение завтрашнего дня?
• Net Applications: в декабре 2018 года Windows 10 обошла Windows 7 по доле рынка настольных ОС
• MIT: в 2019 году блокчейн станет «скучным»
• Итоги акционеров: как изменилась стоимость крупнейших ИТ-компаний мира за 2018 год
• Почему 2018 год стал худшим для Марка Цукерберга и что это значит для свободного интернета
• Видео: какими Microsoft видела технологии 2019 года в 2009 году


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

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