Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры
•
Подкаст «Веб-стандарты», События в Берлине, веб-компоненты, PWA на десктопе, Styleguidist и JSS, CSS-in-JS.
•
Подкаст «Frontend Weekend» #76 – Иван Ботанов о том, как и зачем начал обучать разработчиков Angular'у
•
Подкаст «CSSSR» Новости 512 — Выпуск №26 (22.10 — 28.10)
•
Подкаст «Фронтенд Юность (18+)» #70 Капитан Хук и Кот
•
Подкаст «radiojs», Выпуск 53: Proposals, proposals, proposals или итоги рабочей встречи
•
«Девшахта — подкаст»: #54: Что послушать на HolyJS 2018 Moscow
•
Видеоблог Вадима Макеева №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
• Фигуры, сгенерированные с помощью CSS background gradients.
•
Создание интерфейсов с учетом пропорций
•
Соединение ДНК HTML с помощью атрибутов селекторов CSS
•
От обычного к экстраординарному с помощью CSS анимаций
•
Упрощение стилизации с помощью функционального CSS
•
Вы используете <em> неправильно
•
Использование темного режима в CSS с MacOS Mojave
•
Неполный список ошибок в проектировании CSS
•
100 Days CSS Challenge
•
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 — обработка дат и времени относительно текущего момента
• 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.
Медиа | Веб-разработка | CSS | Javascript | Браузеры
Медиа
•

•

•

•

•

•

•

•


•


•

•

•


Веб-разработка
•

•

•

•

- Инструменты:
•Использование инспектора анимации в инструментах разработчика Chrome
•10 консольных трюков для профессиональной отладки
•Аннотированный webpack 4 Config для разработки фронтенда
•Siteaudit: проведите аудит вашего сайта (Pagespeed, Lighthouse, A11y) прямо из терминала
CSS
• Фигуры, сгенерированные с помощью CSS background gradients.
•

•

•

•

•

•

•

•

JavaScript
•

•

• Вышла Node.js 11.0 с поддержкой движка V8 7.0
•

•

•

•

•

•

•

- Теория:
•Каррирование функций в 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 63 получил функцию Enhanced Tracking Protection для повышения уровня приватности серфинга
• Mozilla встроит в Firefox подписку на ProtonVPN, причем по более высокой цене, чем напрямую через сайт сервиса
•

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