https://habr.com/ru/post/449926/

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

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

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

---

Медиа

• Подкаст «Веб-стандарты», Выпуск №172: События года и Frontend Conf в Москве, зачем быть в ПК, доклады и устройство фестиваля
• Подкаст «Сделайте мне красиво», Выпуск №15 — Валим из фронтенда и монополия Chrome
• Подкаст «devschacht» #77 — Польза от тимлидских митапов и Node.js 12
• Подкаст «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 заголовки для ответственных разработчиков
• Почему оценки скорости страницы могут быть опасными
• Правильное именование для улучшения доступности

• Инструменты:
  • Переход с 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?
• 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

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

• Сотрудники Microsoft выступили в поддержку репозитория GitHub, который могут закрыть под давлением китайских властей
• OpenAI представила «ИИ-оркестр» — нейросеть MuseNet
• Mozilla отказывается от IRC, как платформы для общения
• Google предоставил выбор поисковых систем и браузеров для европейских пользователей Android
• Фишеры используют GitHub для мошеннических операций
• Самый худший UI управления громкостью звука
• Почему размытие плохо скрывает конфиденциальную информацию


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

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