А вот и запись моего доклада «Чистая архитектура и Node.js» с митапа PiterJS #72 (https://youtu.be/gdwCp1QOhJI)

Презентацию здесь: https://disk.yandex.ru/i/zX8uRQXWCj6tsg

Исходники опубликую немного позже 🍿📚

🎥 Продолжаем изучать TypeScript и сегодня разберём Union Type. В JavaScript мы привыкли к гибкости, но TypeScript требует чёткого определения типов. Как же быть, если переменная должна принимать разные типы? Ответ прост — Union-типы!

🔍 Что такое Union-типы? Это инструмент, позволяющий переменной принимать значения из нескольких различных типов. Используя оператор вертикальная черта |, мы можем объединить несколько типов в один, обеспечивая гибкость и безопасность вашего кода.

💡 Практические примеры: Мы рассмотрим, как объявить переменные и параметры функций, которые могут принимать значения нескольких типов, и как TypeScript продолжает защищать ваш код от ошибок, даже при такой гибкости.

🔗 Что вы узнаете:

* Как использовать Union-типы для переменных и параметров функций.
* Применение Union-типов с псевдонимами типов для расчёта площади фигур.
* Как TypeScript помогает избежать ошибок, проверяя допустимость типов.

🍿Урок на всех площадках

* YouTube — https://youtu.be/LKFgiSFeTDU
* VK Video — https://vkvideo.ru/video-226960422_456239046
* RuTube — https://rutube.ru/video/6b96f5a2f416aa29400d8e4fc29920d3/?r=wd
* Платформа — https://plvideo.ru/watch?v=NyVJW0TFYfHI

🎥 В сегодняшнем видео мы продолжим изучать TypeScript. На этот раз мы погрузимся в увлекательный мир Mapped Types!

🔍 Что такое Mapped Types?

Это мощный инструмент TypeScript, который позволяет создавать новые типы на основе уже существующих. Это особенно полезно, когда нужно избежать дублирования кода и создать производные типы с изменёнными модификаторами, такими как опциональность или только для чтения.

💡 Практические примеры

Мы рассмотрим, как Mapped Types помогают управлять ролев ой картой пользователей и валидацией форм, избегая дублирования кода. Вы научитесь использовать Mapped Types для создания гибких и поддерживаемых структур данных.

🔗 Что вы узнаете

1. Как Mapped Types помогают связать типы, избегая несоответствий.
2. Использование Mapped Types для описания сложных объектов, таких как карты ролей и формы валидации.
3. Создание собственных хелперов типов для упрощения работы с TypeScript.

🍿Где смотрим

* YouTube — https://youtu.be/y1bp3hdHLpE
* VK Video — https://vkvideo.ru/video-226960422_456239047
* RuTube — https://rutube.ru/video/498aee4a63f02501ee3e5e546b2cc50a/?r=wd
* Платформа — https://plvideo.ru/watch?v=PLk0-fq9MzvZ

Intersection Type

Привет! На канале вышел очередной урок по TypeScript.

🎥 В прошлый раз мы обсудили Union Type, который позволяет переменной принимать значения из нескольких типов. Сегодняшняя тема тесно связана с предыдущей, и мы поговорим о пересечении типов.

🔍Intersection Types — это возможность TypeScript объединять несколько типов в один. Если значение соответствует типу пересечения, оно удовлетворяет всем входящим в него типам. Это похоже на логическое "И", в отличие от Union Type, который ассоциируется с "ИЛИ".

Мы рассмотрим, как Intersection Types помогают создавать объекты, соответствующие нескольким контрактам одновременно. Например, как объединить типы, чтобы создать более специализированный тип для пользователей и администраторов в системе.

🍿Где смотрим

* YouTube — https://youtu.be/HQ_ILnJEdf4
* VK Video — https://vkvideo.ru/video-226960422_456239048
* RuTube — https://rutube.ru/video/17cd93f41c31ceb68f7da2db5f1e3e02/
* Платформа — https://plvideo.ru/watch?v=iuPl3HqYN_24

Архитектурная ката: support сервис | Саша Поломодов, Сергей Баранов, Игорь Антонов, Паша Лакосников

Проектируем масштабируемую и отказоустойчивую систему поддержки клиентов, работающую через чат. Разбираемся как обеспечить связь клиента и оператора поддержки в режиме реального времени с минимальными задержками.

Полезные ссылки
- https://t.iss.one/antonovjs
- https://t.iss.one/book_cube
- @TellMeAboutTech
- https://archdays.ru/
- Объединение ИТ-Архитекторов https://t.iss.one/ru_arc?roistat_visit=299360
- https://storming.ru/?roistat_visit=299360
- https://regexcrossword.com/
- https://www.rabbitmq.com/
- Хорошее видео про event storming https://youtu.be/r5M3lJ9IHMI?si=YYju5NQnIzYlBBRw
- https://agilemindset.ru/микросервисы/

Видео уже на YouTube

Эта неделя начинается с командировки в Москву 🚄 Рабочие встречи и запись нового подкаста, жаль только, что внутреннего 🎙

Привет 👋

Позавчера провёл лекцию-воркшоп в университете ИТМО 💜

В рамках лекции познакомил с фреймворком Nest и запрограммировал демонстрационный пример. На практике успели посмотреть: CLI, Interceptors, Pipes, Exception Filters, Passport, Repository и другие абстракции.

📚 Репозиторий с примером: https://github.com/AntonovIgor/lecture-intro-nest
🍿 Презентация: https://disk.yandex.ru/i/ZoW1OhuPUNh4Iw

Ребята, привет! Наша команда приступила к подготовке второго сезона конференции «Podlodka React Crew». Она пройдёт с 10.02 по 14.02.

Поможешь выбрать тему сезона? Присоединяйся к опросу — https://docs.google.com/forms/d/e/1FAIpQLSdkD0nx4U0IEoQbVnS6_FmRVJfpbiWCYsTbLkexZShTKVscJw/viewform?usp=header.

Друзья, с наступающим Новым Годом 🥂 Крепкого здоровья и радости 🎄

Сегодня мы завершим знакомство с перечислениями в TypeScript. В первой части мы научились их объявлять, а теперь разберём нюансы применения и неочевидные моменты, которые могут встретиться как на практике, так и на собеседованиях. Поехали! 🚀

В этом уроке обсудим:

- Во что компилируются enum;
- Что происходит при объявлении перечисления через const
- Как работает слияние перечислений
- и многое другое.

Где смотрим

🎬 YouTube —
https://youtu.be/iiTRXbTfKxM

🎬 RuTube — https://rutube.ru/video/a5c6d6c9fb5cb3afcb0bcfee521a175b/

🎬 VK Video — https://vkvideo.ru/video-226960422_456239051

🔥Podlodka React Crew — онлайн-конференция для тех, кто хочет прокачаться в React-разработке и выйти за рамки одного фреймворка.

📅 Даты: 10–14 февраля 2025 года

🎯 Тема сезона: Roadmap React-разработчика

Уметь только в React недостаточно. Важно разбираться в метриках, знать, как работает окружение, и уметь оптимизировать приложения.

В новом сезоне Podlodka React Crew:

• Что и когда изучать, когда технологии меняются и устаревают? Обсудим с Валерием Катциным (Точка)🔀

• Как улучшить метрики производительности web-приложений с Павлом Уваровым (Kaspersky) 🛠️

• React Server Components: можно ли без Next.js? Разберем с Дэнизом Демирсой (Altel Digital) 🔍

• Чем React Compiler может помочь уже сейчас? Опыт и советы от Анны Ширяевой (СИБУР) 🤓

• Мокирование окружения с помощью Mock Service Worker. Сергей Зенин (Kaspersky) расскажет, как это упрощает разработку 🧩

🎯 Все сессии — максимально прикладные и с возможностью разобраться в деталях.

📅 Успей занять место: podlodka.io/reactcrew

А мой промокод
antonov даёт скидку в 500 руб 🥳

Сегодня, 4 февраля, в 19:00 по МСК мы встречаемся на открытой сессии.
Директор Программного комитета React Crew Игорь Антонов и фронтенд-разработчик из Точки Валерий Катцин попробуют разобраться:

🎯 что и когда включать в роадмап
🎯 как не размыть фокус при изучении новых инструментов
🎯 какие знания точно пригодятся React-разработчику в 2025 году

🍿Подключайтесь сегодня к трансляции

Пока новые видео уроки на стадии монтажа, добавлю запись своего доклада с митапа Byte — «Метрики в разработке. Зачем и как измерять эффективность команды».

🍿Запись доклада

Несколько читателей задали в личку вопрос: «А какое ты используешь оборудование для чтения лекций/стримов из дома?». Расписал всё в личку, но подумал, что кому-то эта информация тоже может пригодиться. Расскажу сразу всем.

Мне периодически приходится читать лекции или выступать с докладами. Особенность этих активностей: вещание на фоне презентации. Обычно я себя «вырезаю» и ставлю где-то в уголке презентации. Выглядит неплохо, и таким образом меньше отвлекаю зрителей, да и фон комнаты не маячит в кадре.

Оборудование

Камера. У меня два варианта: Sony ZV-E10 и Elgato FaceCam. На первую обычно снимаю видеоуроки для YouTube. Вторую использую для стримов. Раньше записывал ролики тоже на FaceCam, но потом решил обновиться. Беззеркальная камера выдаёт качество лучше.

Плата видеозахвата. Веб-камера подключается напрямую к MacBook Pro M1. А вот для Sony ZV-E10 использую донгл Elgato Cam Link 4K. Камера к нему подключается по Mini HDMI.

Микрофон. Мне всегда нравился бренд Rode, поэтому при первой возможности купил Rode Procaster. Микрофон прожорливый, поэтому для усиления использую преамп от TNT DM2 от sE.

Аудиоинтерфейс. Пока это Steinberg UR22C. У карты есть DSP-процессор, можно настроить встроенные эффекты. Карта нравится, но в будущем хочу обновиться и перейти на Rodecaster Duo. Порой приходится делать аудиозаписи, и хочется это делать без компа.

Стримдек. Для переключения сцен в прямом эфире использую Elgato Stream Deck. У меня шестикнопочная версия, для моих задач более чем достаточно.

Свет. В качестве ключевого света у меня два светильника Elgato Key Light Air. Обожаю гаджеты от этого бренда. Ими удобно управлять с телефона/компьютера, и их достаточно, чтобы осветить себя. Когда делаю стримы на зелёном фоне, то для его подсветки подключаю два светильника от Raylab. Они хорошо освещают фон, и его становится легко вырезать.

Зелёный фон, он же хромакей. У меня мобильная версия Elgato Green Screen. Пользоваться максимально комфортно: достаточно снять крышку с кофра, потянуть, и фон развёрнут. Сложить также просто, места в сложенном состоянии занимает минимум. В развёрнутом он показан на фото.

Стойки. Для микрофона использую Thronmax. Думаю сменить на пантограф от Rode. Для камеры — Elgato Mount Vol. Веб-камера закреплена на мониторе. Для неё также купил стойку — аналог от Elgato, но использую редко. У светильников штатные стойки от Elgato.

Вот такой получился набор.