Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры
Медиа
• UnderJS Podcast №18 — Yarn2 и баг длиною…
• Девшахта/Ночной фронтенд: Мониторинг node.js на примере интересного кейса
• Подкаст «Фронтенд Юность (18+)» №130: Первый изолированный
• Подкаст «Веб-стандарты» №222. GitHub и npm, iPad с курсором, URL, липкие таблицы, User-Agent, вёрстка писем, закрывайте теги!
•
Repozitorro #39 — Дизайн и Front-end
•
The CSS Podcast 003: Specificity
Веб-разработка
• Чистая архитектура для фронтендера
• Методы борьбы с legacy-кодом на примере GitLab
• Архитектура фронтенда: Ядро
• Автоматически увеличивающиеся инпуты и текстовые поля
• Современные форматы изображений: использование Webp в HTML и React
• Устранение уязвимостей в зависимостях npm менее чем за 3 минуты
• Как использовать Web Storage API
• Favicons: Emojis в качестве фавиконки, Лайфхак от Криса Койера: использование другой фавиконки для разработки
• Front-end RSS Feeds (2020 Edition)
• Bootstrap 5 отказывается от поддержки IE 10 и 11: c чем мы останемся?
- Доступность
•ADA Compliance обязательно для цифровых агентств, вот как это делается
•Почему 2020 год — год, когда нужно серьезно относиться к доступности: Верховный суд больше не шутит, и вам не следует
CSS
• CSS: полное руководство по функции calc()
• Комбинации в CSS: custom properties и ::selection
• Объяснение специфики CSS пятилетке
• Как повторить текст в качестве Background Image в CSS с помощью element()
• Индикация позиции прокрутки на странице с помощью CSS
• Как анимировать текст с помощью SVG и CSS
• Стилизация скроллбаров с помощью CSS: современный способ оформления полос прокрутки
JavaScript
• Вывод типов в TypeScript с использованием конструкции as const и ключевого слова infer
• Новые возможности TypeScript, повышающие удобство разработки
• Шпаргалки по безопасности: Nodejs
• Проект CoreJS столкнулся с проблемами сопровождения из-за лишения свободы автора
• 14 лучших JavaScript-конференций для участия в 2020 году
• Как начать юнит тестирование JavaScript кода
• Как использовать новейшие функции JavaScript в любом браузере
• VueJS против ReactJS: кто будет править в 2020 году?
• Как управлять HTML DOM только с помощью ванильного JavaScript?
- Теория
•Знание и состояние
• Упрости свой JavaScript – используй map, reduce и filter
•Введение в MDXJS
- React
•Как уменьшить количество и увеличить читаемость кода в react-redux, redux-saga
•Использование FuseBox в качестве альтернативы бандлингу вебпаком в React
•Server-Side Rendering в React — Redux
•Миграция в земли React: Gatsby
•Airbnb передает право собственности на Enzyme, его библиотеку для тестирования для React
•Создание приложения для чата в реальном времени с React и Firebase
- Vue
•Реализация i18n в Vue.js с использованием vue-i18n
•Что происходит под капотом, когда вы объявляете ref() в Vue 3?
•Создайте свой собственный Vue.js с нуля — Часть 3 (Сборка VDOM)
- Angular
•Руководство по стилизации компонентов Angular
•Преобразование кодовой базы: создание проекта MEAN.js AngularJS с помощью Create-React-App
•Доступна версия 9.1 Angular — TypeScript 3.8, более быстрые сборки и многое другое
- Ember
•The Ember Times — Issue No. 141
- Svelte
•Почему вы должны начать использовать Svelte Js для веб-проектов, если вы все еще этого не делаете
•Курируемый список с ресурсами по Svelte JS
- Libs & Plugins
•Обзор видеоплееров для веба
•9 лучших игровых движков и JS библиотек в 2020 году
•Rsup Progress — Крошечный индикатор прогресса, который поддерживает промисы
•jsSHA — JavaScript реализация полного семейства Secure Hash Standard
Браузеры
• Firefox внедряет режим «только HTTPS»
• В Chrome 83 появится настройка для показа полного URL в адресной строке
• Google пропустит выпуск Chrome 82
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort