Фронтенд-дайджест №362 (22 — 28 апреля 2019)

Медиа

• Подкаст «Веб-стандарты», Выпуск №172: События года и Frontend Conf в Москве, зачем быть в ПК, доклады и устройство фестиваля
• Подкаст «Сделайте мне красиво», Выпуск №15 - Валим из фронтенда и монополия Chrome
• Подкаст «devschacht» #76 - Что такое саунд-дизайн и как этому учат в Финляндии
• Подкаст «CSSSR»: Новости 512 — Выпуск №48 (20.04 — 26.04)
• ALL YOUR HTML, #s2e11: Анимация "Thanos" на google.com
• proConf #11: Frontend Developer Love 2019
• FrontSpot Show#6: Развитие JS разработчика
• proConf #11: Frontend Developer Love 2019

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

• Веб-разработчики пишут небезопасный код по умолчанию

• Веб-компоненты: 9 проектов, о которых стоит знать в 2019 году

• Должен ли фронтенд разработчик уметь писать бэкенды?

• Урок по CORS: руководство по Cross-Origin Resource Sharing

• Руководство по сообщениям в коммитах

• HTTP заголовки для ответственных разработчиков

• Почему оценки скорости страницы могут быть опасными

• Правильное именование для улучшения доступности

• Tools:

  • Переход с Gulp на Parcel
  • Использование Parcel в качестве бандлера для приложений на React
  • Как я настраиваю VSCode для всего
  • 5 лучших онлайн-IDE для JavaScript 2019 году
  • bento-starter - Open-Source Full-Stack решение для быстрой разработки PWA

CSS

• Grid или Flexbox?
• Создаем виджет с помощью пользовательских CSS-свойств: встраиваем кастомную ссылку на сайт NHL
• Поразительный CSS Grid Area
• Как работают auto-fill и auto-fit в CSS Grid
• Уроки CSSbattle. Илья Стрельцын делится секретами побед
• Вам просто нужно знать эти свойства, чтобы начать любить CSS
• Справочник по CSS: удобное руководство по CSS для разработчиков
• CSS наконец достиг совершеннолетия?
• Как создать фильтр-компонент в чистом CSS
• Диагональные контейнеры в CSS
• Tailwind CSS: это бутстрап завтрашнего дня?
• Прогрессивное обогащение шрифтов: переосмысление веб-производительности
• Относительный размер с помощью EM
• Новая документация Sass Docs

JavaScript

• Использование JavaScript-консоли в браузерах

• Deno — новый Node.js?

• Нужно ли чистить строки в JavaScript?

• Svelte 3: Переосмысление реактивности

• Выпуск серверной JavaScript-платформы Node.js 12.0

• В jQuery исправлена уязвимость prototype pollution

• Как валидировать ваши запросы GraphQL с помощью ESLint

• Как использовать геттеры и сеттеры в JavaScript

• Введение в Storybook: организация того, как вы создаете JS компоненты

• Как создать работоспособные JavaScript спецификации

• Design Patterns Game - Игра для проверки вашего владения популярными шаблонами проектирования, реализованными в JavaScript.

• Более быстрые события полей ввода с первым вкладом Facebook в API браузеров

• Теория:

  • Фибоначчи на собеседовании
  • Нужно ли чистить строки в JavaScript?
  • Стрелочные функции, объясненные на примере спуска с горки
  • Познаём MutationObserver API
  • Распространенные подводные камни в JavaScript

• React:

  • React on λambda
  • Круг жизненного цикла React
  • Создание AMP версии сайта с помощью React & Next.js
  • Релиз Create React App 3.0, вместе с новой функциональностью, включающую поддержку хуков

• Angular:

  • Построение структуры проекта энтерпрайз уровня на Angular
  • Практичный RxJS и Angular
  • Angular 8: выпущен первый релиз-кандидат

• VueJS:

  • Простое фото приложение на Vue.js, Axios и Flickr API :  Часть 1,  Часть 2, Часть 3
  • Компонентное мышление во Vue.js
  • Откройте для себя силу замыканий в VueJS

• Libs & Plugins:

  • Как создать музыкального бота с помощью Discord.js
  • glicky: браузерный загрузчик задач для современной веб разработки
  • Uppy 1.0: твой лучший друг для выгрузки файлов
  • faast.js: легкая работа с групповыми serverless вычислениями
  • reattempt: дай своим функциям повторный шанс

Браузеры

• Релиз Chrome 74
• В стабильной версии Chrome 74 появилось тёмное оформление и защита от обнаружения сайтами режима инкогнито
• Что нового в DevTools (Chrome 75)
• Новое в Firefox 66: анимация CSS Grid