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

Медиа    |    Веб-разработка    |    CSS    |    JavaScript

Медиа

• Подкаст «Frontend Weekend» #102 – Что изменилось у Романа Дворнова (уход из Avito, переезд в Прагу и цели open source'а)
• Подкаст «Девшахта/Ночной фронтенд» №105: Личные итоги года и планы
• Подкаст «Фронтенд Юность (18+)» #120 Купи больше памяти или сядь в холодильник
• Подкаст «Веб-стандарты» №209. Что не так с HTML и что можно с этим сделать, ШРИ Яндекса
• pro?Conf #43: CSS Camp 2019 — WEB стили, сетки, пиксели.

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

• Как организовать эффективную работу распределенной команды верстки
• Фронтенд-2019: итоги года
• Мой новый стек веб-технологий для 2020 года
• 8 важных SEO-тенденций, на которые стоит обратить внимание в 2020 году
• Почему мы используем веб-компоненты
• Обзор 2019 года для WebAssembly
• 11 тенденций фронтенда на 2020 год, которые следует знать
• Чему я научился за год обучения и преподавания доступности
• Подборка вдохновляющих сайтов «Inspirational Websites Roundup» #11

CSS

• Введение в вариативные шрифты. Всё, что вы когда-либо знали о шрифтах, теперь изменилось (к лучшему).
• Mozilla Firefox и проблема псевдоэлемента ::first-letter
• Пиксели против относительных единиц в CSS: почему это все еще важно
• Lyrics 3.0 — Использование пользовательских свойств CSS для создания темизируемых текстов песен
• Flash Grid: изучите CSS Grid при создании сетки на css
• Помощь браузерам в оптимизации с помощью свойства CSS Container

JavaScript

• «Когда часы двенадцать бьют». Или гирлянда в браузере
• Клеточные автоматы в браузере
• Интересные новые функции в ES2018
• Глубокое погружение в типы TypeScript — часть 3: Функции
• Выбор правильного JavaScript бандлера в 2020 году
• 3 способа заменить все строковые значения в JavaScript
• 7 новых и интересных функций TypeScript

• Svelte
  • Откройте для себя Svelte
  • Начните работу со Svelte, написав приложение с техникой Pomodoro
  • Почему я перешел из React на Svelte, и остальные тоже так сделают
  

• React
  • Локализация React приложения
  • 7 шагов, чтобы понять React Redux
  • Как создавать приложения Electron с помощью React.
  • 5 способов документировать компоненты React в 2020 году
  

• Vue
  • Vue.js: Хуки жизненного цикла ваших и сторонних компонентов
  • Простая машина состояний для VueJS
  • Что нужно знать о Vue3 в 2020 году
  • Как Nuxt.js решает проблемы SEO в Vue.js
  • Шпаргалка по Vue, часть 1, Часть 2
  • Переписываем компоненты на Vue 2.x с помощью API Vue Composition
  

• Angular
  • Angular в 2020 и после
  • Рефакторинг приложений на Angular для реактивной архитектуры
  

• Ember
  • Туториал из руководства по Ember.js. Приложение Super Rentals. Часть 1.1, Часть 1.2
  • Знакомьтесь с Ember Octane
  • Переписывание приложений на Ember Octane
  • Post-Octane Ember Routing
  

• Libs & Plugins
  • Peekobot — простой фреймворк для чатбота, написанный менее чем в 100 строках ванильного JavaScript
  • Анализируйте, валидируйте, управляйте и отображайте даты и время в JavaScript с помощью Day.js
  • Cook — минималистичный CLI инструмент для создания и использования собственных бойлерплейтов
  • PowerModeInput может сделать ваше поле ввода текста более привлекательным
  

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

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