Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры
Медиа
• Подкаст «Frontend Weekend» #76 – Иван Ботанов о том, как и зачем начал обучать разработчиков Angular'у
• Подкаст «CSSSR» Новости 512 — Выпуск №26 (22.10 — 28.10)
• Подкаст «radiojs», Выпуск 53: Proposals, proposals, proposals или итоги рабочей встречи
• Видеоблог Вадима Макеева №7. KFC, SVG и лишний base64, вредная типа-доступность
• JavaScript Jabber 336: “The Origin of ESLint” with Nicholas Zakas
• React Podcast #26: Chill Out and Listen with Brad Frost
• Node Ukraine 2018 — talks, 8 videos
• WSD в Киеве, 2018, запись онлайн-трансляции
• React Conf 2018, 28 videos
Веб-разработка
• Верхнеуровневая архитектура фронтенда. Лекция Яндекса
• Рассылай и властвуй: вёрстка рассылки тогда и сейчас
• Прагматичные правила веб-доступности, которые задержаться в вашем сознании
• Типичный сайт в 2018, ироническая демонстрация, codepen edition, website edition
- Инструменты:
• Использование инспектора анимации в инструментах разработчика Chrome
• 10 консольных трюков для профессиональной отладки
• Аннотированный webpack 4 Config для разработки фронтенда
• Siteaudit: проведите аудит вашего сайта (Pagespeed, Lighthouse, A11y) прямо из терминала
CSS
• Фигуры, сгенерированные с помощью CSS background gradients.
• Создание интерфейсов с учетом пропорций
• Соединение ДНК HTML с помощью атрибутов селекторов CSS
• От обычного к экстраординарному с помощью CSS анимаций
• Упрощение стилизации с помощью функционального CSS
• Вы используете <em> неправильно
• Использование темного режима в CSS с MacOS Mojave
• Неполный список ошибок в проектировании CSS
• 100 Days CSS Challenge
JavaScript
• ES2018 — метод промисов finally
• API ReportingObserver: взгляд на код веб-страниц с новой точки зрения
• Вышла Node.js 11.0 с поддержкой движка V8 7.0
• The State of JavaScript. Интервью с Addy Osmani о текущем состоянии JavaScript в вебе
• Как уменьшить влияние JavaScript на время загрузки вашей страницы
• Как создать кастомные маркеры для Google Maps с помощью HTML & CSS, ES6 классов и замыканий
• 3 ошибки производительности JavaScript, которые вы должны прекратить делать
• GraphQL: история успеха PayPal Checkout
• Играем в Mortal Kombat с TensorFlow.js. Transfer learning и data augmentation
• The Intl.RelativeTimeFormat API — обработка дат и времени относительно текущего момента
- Теория:
• Каррирование функций в JavaScript
• 100 видео-лекций по программированию
• typeof Everything и утиные недоразумения
• Разбираемся в проверке JavaScript-типов с помощью typeof
• Просто о JavaScript: честное введение о Mocking, Stubbing и интерфейсы
• Понимание функций высокого порядка в JavaScript
- React:
• Что нового в React 16.6
• React 16.6: React.memo() для Functional Components Rendering Control
• Начинаем работать с React Hooks
• Использование React Profiler для производительности
• Ломаем производительность React с помощью Redux
• Чистые функциональные компоненты в React
• Понимание Render Props и HOC
• Функциональный React. Это возможно? Изучение техник функционального программирования в HOC
• Создание компонентов скелетона с помощью React
- Angular:
• Angular 7 и виртуальный скролл
• Angular v7 вышел, но 7.1.0 уже на подходе
• Реактивные формы angular в реальном мире
• Интернационализация в приложениях Angular и React — сравнение
• Isoline Routing в Angular-приложении с использованием API-интерфейсов HERE Routing
- Libs & Plugins:
• lazy-brush — плавная отрисовка линий с помощью мыши, пальца или любого устройства с указателем
• percollate: инструмент командной строки, превращающий веб-страницы в форматированные PDF
• IronDB — резервное хранилище ключей для браузера
Браузеры
• Firefox 63: новые Web Components API, редактор шрифтов и подавление анимации через CSS
• Firefox возможно будет монетизироваться за счет встроенного платного VPN-дополнения
• Браузер Firefox 63 получил функцию Enhanced Tracking Protection для повышения уровня приватности серфинга
• Mozilla встроит в Firefox подписку на ProtonVPN, причем по более высокой цене, чем напрямую через сайт сервиса
• Что нового в Microsoft Edge в Windows 10 October 2018 Update
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort