Перестаньте быть “фреймворк-программистом”. Станьте архитектором!
Если вы знаете только React, вы ограничены его рамками. Этот курс научит вас мыслить на уровень выше — на уровне чистого JavaScript, архитектуры и паттернов. Мы не будем создавать очередной интернет-магазин. Вместо этого мы с нуля, без единой сторонней библиотеки, напишем сложное приложение — аналог Excel. Эта задача заставит вас думать как Senior-разработчик, решать проблемы производительности, проектировать компоненты и управлять состоянием.
Создайте свой собственный фреймворк
Почему Excel? Потому что это идеальная площадка для изучения сложных концепций. Вы на практике реализуете всё, о чем обычно читают только в книгах: объектно-ориентированное программирование, паттерн Observer, принципы SOLID, собственный аналог Redux для управления состоянием, роутинг и многое другое. Вы не просто используете готовые инструменты — вы создадите их сами.
Ключевые навыки, которые вы приобретете:
- Архитектурное мышление: Научитесь проектировать сложные приложения с нуля.
- Глубокое ООП в JS: Поймете, как и зачем применять классы, наследование и полиморфизм во frontend.
- Управление состоянием: Напишете свой собственный Store и поймете, как работают Redux-подобные хранилища.
- Оптимизация производительности: Столкнетесь с реальными проблемами перформанса и научитесь их решать.
- Профессиональная инфраструктура: Освоите настройку проекта с Webpack, ESLint, Jest и научитесь вести разработку по Git Flow.
После этого курса любой фреймворк (React, Angular, Vue) станет для вас лишь инструментом, а не ограничением. Вы сможете выбирать работу по интересу и чеку, а не по технологии.
? Подробная программа курса
Раздел 1-3: Основы и инфраструктура
Настраиваем профессиональное окружение разработки: Git, Webpack, ESLint. Верстаем макет нашего приложения.
Раздел 4: Создание фреймворка
Проектируем ООП-структуру. Создаем базовые классы компонентов, DOM-утилиты и систему событий.
Раздел 5: Ресайз таблицы
Реализуем функционал изменения размера колонок и строк. Решаем первые проблемы с производительностью и оптимизируем код.
Раздел 6: Логика Excel
Добавляем выделение ячеек, навигацию клавишами. Реализуем паттерн Observer для взаимодействия компонентов.
Раздел 7: Управление состоянием
Создаем собственный Store (аналог Redux) для централизованного управления состоянием приложения (размеры, стили, содержимое ячеек).
Раздел 8: Роутинг и многостраничность
Пишем собственный роутер для создания нескольких “листов” Excel и переключения между ними.
Раздел 9-10 (Бонус): Тестирование и SOLID
Покрываем наш код тестами с помощью Jest. Разбираем, как применить принципы SOLID для улучшения архитектуры.


Вы экономите:
Поторопитесь! Заканчивается через 
Виктория Подтвержденный клиент –
Я уже работал с React, но этот курс открыл мне глаза на то, как все устроено “под капотом”. Теперь я понимаю, почему React работает именно так. Очень глубоко.
Анастасия Подтвержденный клиент –
Это просто взрыв мозга! Курс учит не просто “кодить”, а “мыслить как инженер”. Свой Redux – это было сложно, но невероятно круто.
Дмитрий Подтвержденный клиент –
Для тех, кто хочет стать Senior, а не просто “фреймворк-программистом”. Очень много об архитектуре, паттернах и SOLID. Это то, что отличает профи.
Светлана Подтвержденный клиент –
Очень много информации. Придется пересматривать еще не раз. Но это лучшая инвестиция в мою карьеру.