Kobezzza - Андрей Кобец → Архитектура Frontend приложений

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

• улучшить структуру и качество своих Frontend‑приложений;
• глубже разобраться в архитектурных принципах и современных паттернах;
• повысить уровень самостоятельности при проектировании сложных интерфейсов;
• избежать ловушек и проблем, возникающих при масштабировании проектов.

Kobezzza - Андрей Кобец → React «под капотом»

Привет, инженер!
Да, ты не ослышался, готовлю для тебя интенсив по React. Но это не будет курс для прикладного использования фреймворка. Вместо этого мы посмотрим на него глазами инженера. Разберем архитектуру на составляющие и проследим ее эволюцию от версии к версии. Правильно сказать, что данный интенсив не сделает из тебя разработчика на React, но даст понимание как писать высокоэффективный производительный код с использованием React и повысит шансы на успешное прохождение собеседования (да, тренд 25-26 годов сместился в сторону прикладных инструментов и все чаще спрашивают именно нюансы React на собеседовании).

Курс идеально подходит для middle+ разработчиков, которые хотят перестать «просто использовать» React и начать понимать его на уровне архитектуры.

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

Программа:

День 1. Архитектура React:

• Virtual DOM как структура данных: зачем, как, сравнение с DOM
• Что такое реактивность: почему setState вызывает рендер? Что именно делает React реактивным?
• Рендер и коммит: фазы жизни React-компонента
• Поток обновлений представления: разбираемся с Fiber и кооперативной многозадачноностью
• Отладка и профилирование: React DevTools - почему компонент перерендерился, как записать и проанализировать профиль

День 2. Производительность:

• Когда на самом деле нужны useMemo, useCallback, React.memo и что нового принес React-compiler
• Зачем нужны useTransition и useDeferredValue
• Разбираемся с use() + Suspense: как React научился ждать данные во время рендера
• Современные фичи: useActionState, useOptimistic и другое

День 3. Анатомия приложения:

• Управление состоянием: когда Redux Toolkit, когда Zustand, когда Context + useReducer, когда React Query (TanStack Query) для серверного стейта
• Серверные компоненты и сравнение с HDAA-подходом (Hypermedia-Driven Applications)
• Слоистая и гексогональная архитектура

Пройдет 19-21 июня

Kobezzza - Андрей Кобец → Rust во frontend

• Освоение Rust для фронтенда
  Научитесь создавать программы и библиотеки на Rust и применять язык вместе с WebAssembly для реальных Frontend-задач.
• Глубокое понимание языка и его философии
  Разберётесь в ключевых примитивах Rust, концепциях владения и заимствования, а также поймёте, как они влияют на качество кода.
• Новый уровень работы с производительностью
  Узнаете, как замена критических к производительности модулей JS на Rust/Wasm ускоряет выполнение CPU-задач в десятки раз.
• Практика связки Rust и JavaScript
  Научитесь использовать Rust в тандеме с JS и Node.js, собирать проекты и эффективно интегрировать новый код в экосистему фронта.
• Фундаментальные инженерные навыки
  Через Rust погрузитесь в Computer Science: структуры данных, параллельные вычисления, работу процессора и памяти.
• Выход за пределы JavaScript
  Станете разработчиком, который умеет решать задачи уровнем выше и не ограничивается одним инструментом.

• Читать и писать код на Rust для решения своих задач
• Применять WebAssembly в Frontend-проектах
• Использовать Rust в связке с Node.js
• Укрепить фундаментальные знания для роста за пределы JS

• Уверенно владеете JavaScript или другим ЯП
• Хотите расти за пределы JS и стать вне конкуренции
• Имеете или стремитесь к пониманию основ Computer Science
• Имеете опыт работы с системным программированием или backend
• Любите разбираться в сложных и крутых вещах: вы ждали «курс для Senior» — это он и есть

• Понять, как реально работают процессор и память,
• Разобраться в многообразии структур данных,
• Погрузиться в параллельные вычисления,
• Освоить функциональную парадигму программирования.

• Историческая справка
• Концепция Wasm/WAST
• Wasm за пределами JS и браузера

• Базовая характеристика языка
• Экосистема Rust
• Анатомия программы
• Знакомство с базовыми конструкциями

• Знакомство со встроенными типами: числа, логические значения, строки
• Приведение и преобразование типов
• Концепция владения
• Псевдонимы типов

• Заимствование и уникальные ссылки
• RAII семантика и время жизни ссылки
• Умные и сырые указатели
• Указатели на функции

• Учимся работать с этими структурами данных и разбираем нюансы
• Динамические коллекции: Вектор, Двусторонняя очередь и Очередь с приоритетом

• Учимся работать с этими структурами данных и разбираем нюансы
• Добавление стандартного поведения для структур и перечислений

• Разбираемся с компиляцией и сборкой под браузер
• Разработка под Node.js
• Настройка окружения под курсовой проект

• Основная концепция
• Обобщенное программирование
• Характеристика Default
• Характеристики From и Into

• Важнейшие встроенные характеристики
• Реализация для обобщенного типа
• Динамическая диспетчеризация
• ThinBox

• Основная концепция
• Управление инкапсуляцией
• Знакомство со стандартно библиотекой
• Работа с другими крейтами
• Тестирование

• Счетчики ссылок
• Внутренняя изменяемость
• Copy-On-Write семантика

• Основная концепция
• Функциональное API итератора и замыкания
• Выведение типа итератора
• Знакомство со Slice ссылками

• Знакомимся с основными встроенными коллекциями данных и сравниваем их друг с другом

• Метрики скорости. Влияние размера и количества кода на скорость. Основные приемы и способы оптимизации. Статическое измерение скорости. Учимся использовать инструменты анализа ассетов.

• Основная концепция
• Встроенные потоки и альтернативные реализации
• Каналы
• Структуры данных для синхронизации

• Основная концепция
• Контейнер Future и конструкции async/await
• Runtime для асинхронного ввода/вывода

• Основная концепция
• Декларативные макросы
• Процедурные макросы
• Небезопасные макросы

• Основатель Kobezzza.Labавтор курса и преподаватель
• Автор собственного языка программирования и множества открытых библиотек
• Автор десятка мастер-классов и интенсивов по фундаментальным аспектам Frontend-разработки

• 20 записанных лекций