Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | 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.
Автор: alexzfort