Дайджест свежих материалов из мира фронтенда за последнюю неделю №396 (30 декабря 2019 — 5 января 2020)

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

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

Медиа

• Подкаст «Сделайте мне красиво» Выпуск №32, в гостях Артур Кенжаев — Самая глупая статья и самый сложный выпуск
• Подкаст «Веб-стандарты» №210: Console.log или debug, вариативные шрифты, принципы a11y, НГ акции, одноразовый код
• Подкаст «CSSSR»: Новости 512 — Новогодний специальный выпуск 2020
• Видео с PiterJS: #37 (T-Systems), #38 (Nexign), #40 (DataArt), #41 (DINS), #42 (JetBrains)

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

• Прогрессивные веб-приложения в 2020
• CI/CD для фронтенда: обзор инструментов и практик для автоматизации разработки
• SEO-итоги 2019 года: ставка на асессоров
• Изучаем IndexedDB
• Веб-разработка в 2020 году — взгляд в будущее
• Что вы можете сделать с помощью браузера в 2020 году
• Что мы читаем, 2019. Подборка ресурсов, на которых можно следить за тенденциями веб-разработки
• Что такое CORS (Cross Source Resource Sharing)?
• Storybook Docs для новых фреймворков
• Подборка креативных прототипов анимированных интерфейсов «UI Interactions & Animations Roundup #1»

• Производительность
  • Оптимизация загрузки изображений
  • Сравнение производительности HTTP/1.1, HTTP/2 и HTTP/2 + Server Push
  • Прототипирование оптимизаций с помощью Cloudflare Workers и WebPageTest
  • Как оптимизировать время загрузки страницы: другой взгляд на индекс фрустрации
  • Как читать waterfall-диаграмму в WebPageTest
  • Проблемы с производительностью JavaScript?
  

CSS

• Создание макета ежедневника с помощью CSS Grid & Subgrid & Flexbox
• Понимание CSS-in-JS
• Понимание CSS Grid: создание Grid Container
• Могущественное свойство CSS z-index
• Полезен ли селектор “is”?
• 2 способа создания Holy Grail Layout на Flexbox
• Минимальная и максимальная ширина / высота в CSS
• Новый год, новая работа? Давайте создадим резюме на гридах!

JavaScript

• JavaScript Weekly 2019: самые популярные ссылки, статьи, туториалы и видео за 2019
• 70 вопросов для интервью по JavaScript
• Chrome V8 версии 8.0 — V8, — Чего ожидать?
• Смещение выборки, FDR и мысли о The State of JS

• Теория
  • Из чего сделан JavaScript?
  • Быстрые и поддерживаемые шаблоны для создания выборки из базы данных
  • Распространенные ошибки Javascript Promise, которые каждый новичок должен знать и избегать
  • 5 функций JavaScript, без которых я не мог бы писать код
  • 11+ функций JavaScript, которые вы, вероятно, никогда не использовали
  • ES7-ES9 Features #8 String methods
  

• React
  • Сила упрощения больших компонентов в React
  • Сравнение библиотек тестирования React
  • Работа со ссылками в Next.js
  • Redux VS React Context: какой из них выбрать?
  • Год React — обзор 2019
  • React-Redux Hooks с Typescript в 2020
  

• Vue
  • API Vue Composition: что это такое и как его использовать?
  • Off Main Thread архитектура с помощью Vuex
  • Шпаргалка по Vue, часть 3, продвинутая
  • Vue Apollo v4: первый взгляд
  • Создание веб-компонентов с помощью Vue.js
  • Vue.js Composition API: использование с MediaDevices API
  • Ленивое решение Observable API Services с Vue.js
  • Обзор Vue Keep-Alive
  

• Angular
  • Angular: Supercharging The Router
  • 15 лучших статей по Angular за 2019 год
  • Повысьте производительность SPA, разбив ваши библиотеки Angular на несколько частей
  • compodoc — инструмент документации проектов на angular
  

• Ember
  • Использование TailwindCss с Ember
  • Promises и UI states в Ember.js
  • Одна из причин, почему вы должны использовать URL
  

• Svelte
  • Создайте отзывчивый веб-сайт с помощью Svelte за 30 минут.
  • Как создать веб-компонент в Svelte
  

• Libs & Plugins
  • Как правильно использовать библиотеки утилит в JavaScript
  • IsoCity — Изометрический градостроительный симулятор на JavaScript
  • Как выпустить библиотеку с открытым исходным кодом в 2020 году
  

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

• Наиболее важные события 2019 года
• Автономный рунет, нейросети, спутники Starlink, складные смартфоны: как поменялась сфера IT за последний год
• Samsung Galaxy Fold, скандал с «кредитками» от Apple и проблемы Boeing: технологические неудачи в 2019 году
• GIGANEWS. Все самые важные новости безопасности за 2019 год
• Редизайн сайта или как сохранить позиции и трафик в поисковых системах
• В девяностых и сейчас: как менялись грузовик Coca-Cola, новогодние дудлы Google, стаканчики Starbucks и другие символы
• Пять лучших книг о науке за 2019 год по версии научного издания Nature

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

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