Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
• 
Подкаст «Веб-стандарты», Выпуск №:185. На утро после BeerJS Summit, альтернативные форматы, дружба народов
• 
Подкаст «Frontend Weekend» #95 – Екатерина Петрова о том, как из мобильного разработчика стать руководителем frontend-отдела
• 
Подкаст «CSSSR»: Новости 512 — HTTP/2, serverless-штуки, CORS, security-релизы Oracle, релизы и другие новости
• 
Подкаст «Пятиминутка React»: SOLID с примерами на TypeScript
• 
Подкаст «Фронтенд Юность (18+)»: #100 Соточка
• 
Repozitorro #22 — По уши в React!
• 
Frontreview #16 — Профессиональное выгорание программиста
Веб-разработка
• 
Фрактал имён элементов
• 
Стандартный браузерный API Payment Request
• 
Лучшие новостные рассылки для фронтенд разработчиков
• 
Проектирование и создание прогрессивного веб-приложения без фреймворка: Часть 1, Часть 2
• 
SPA SEO: руководство по продвижению одностраничного приложения на первую страницу Google
- Производительность:
•
12 советов по улучшению производительности JavaScript-приложений
•
7 советов по оптимизации CSS для ускорения загрузки страниц
•
Как работает Google PageSpeed: улучшите свой уровень и рейтинг в поисковых системах
•
Настройка производительности JavaScript сайтов с помощью Chrome DevTools
- Accessibility:
• Инклюзивные компоненты: тултипы и тоглтипы
•
Возможно, стоит игнорировать type=search
•
Значение без разметки: Accessibility Object Model
CSS
• 
Я написал кастомизируемый CSS-движок на JavaScript
• 
Почему вы должны обязательно научиться использовать CSS-in-JS
• 
Все, что вам нужно знать о margin в CSS
• 
Доступность контента, сгенерированного CSS
• 
Подборка библиотек для CSS анимации
• 
Действительно отзывчивая сетка на CSS Grid с помощью minmax() и min()
• 
Не разделяйте точкой с запятой :focus-within, если вам нужна глубокая браузерная поддержка
• 
Responsive Iframes
• 
Как добавить фоллбек на Flexbox для CSS Grid
• 
Самый простой способ асинхронной загрузки CSS
• 
Многоколоночные манипуляции
JavaScript
• 
5 заповедей TypeScript-разработчика
• 
Как поговорить с микроконтроллером из JS
• Советы по созданию собственной ленивой загрузки картинок
• 
Понимание основ SEO в JavaScript
• 
Практические способы писать JavaScript лучше
• 
Что нового в JavaScript: сводка с Google I/O 2019
• 
Введение в Svelte
- Новости:
• Основатель QEMU и FFmpeg опубликовал JavaScript-движок QuickJS
• Facebook открыл код JavaScript-движка Hermes
•
Анонс TypeScript 3.6 Beta
- Теория:
•
Среда, лексическая область видимости и замыкания в JavaScript
• Концепции JavaScript: Замыкания
•
Чистка вашего кода: избегайте условий
VueJS:
•
Обработка ошибок во Vue
•
Создание SPA на Vue.js и Headless WordPress
•
Композиция компонентов: Vue Function API vs Renderless Components
•
Что мне нравится во Vue
•
OverVue, a инструмент для прототипирования Vue
React:
•
Структурирование React-приложений
•
Создание компонента переключателя на React
•
Самый удобный способ обработки алертов в React
•
Как нанимать и обучать разработчиков, если вы не используете React
Angular:
•
Прототипирование с помощью Angular
•
Введение в @ngrx/effects
•
Понимание магии, стоящей за Angular Elements
•
Что я узнал за 3 года разработки на Angular 2+
•
7 ошибок для предотвращения при переходе от AngularJS на Angular
- Ember:
•
Релиз Ember 3.11
•
Настройка активности ссылок — современный способ
•
Дерево навыков для изучения Ember.js в 2019
•
Интеграция любого бекенда в Ember с помощью Custom Adapters & Serializers
- Libs & Plugins:
•
cesiumjs: open-source библиотека для создания трехмерных глобусов и карт
•
json-complete — может превратить почти любой стандартный JavaScript объект или значение в JSON-совместимую сериализированную форму и обратно.
•
Moveable: библиотека для добавления функций перетаскивания, вращения, изменения размера и масштаба
Браузеры
• 
Что ты такое, Rendering Engine? Или как работает модуль отображения браузера
• Браузер Firefox Reality стал доступным и для гарнитур Oculus Quest
• Chrome и Android вскоре перестанут принимать корневые сертификаты от DarkMatter
• В Firefox 70 страницы открытые по HTTP начнут помечаться как небезопасные
• Google начнёт удалять расширения для Chrome, которые злоупотребляют сбором данных пользователей
• 
Что нового в DevTools (Chrome 77)
Занимательное
• Что должен делать тимлид: роли, обязанности и навыки
• Facebook, Twitter и Google аутсорсят модерацию в Филиппины. Чем это обернулось — репортаж Washington Post
• Исследование: почему ИТ-специалисты выбирают средние по размеру компании
• Чем заменить продукты Google: подборка альтернатив, которые не будут за вами следить
• Исследование: сайты теряют до 10% выручки с пользователя из-за регламента по защите личных данных Евросоюза
• GitHub блокирует разработчиков из стран, на которые наложены санкции США
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
