Зверніть увагу: Цей курс представлений у форматі відеозаписів лекцій без зворотного зв’язку та участі викладача. Ви отримуєте повний доступ до всіх матеріалів одразу після оплати. Мова викладання — російська. Незабаром буде українська версія курсу.
Перестаньте бути “фреймворк-програмістом”. Станьте архітектором!
Якщо ви знаєте лише 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 для покращення архітектури.
Відгуки покупців
06.07.2025 Підтверджений клієнт
Дуже багато інформації. Доведеться переглядати ще не раз. Але це найкраща інвестиція в мою кар'єру.
15.11.2024 Підтверджений клієнт
Це просто вибух мозку! Курс вчить не просто "кодити", а "мислити як інженер". Свій Redux - це було складно, але неймовірно круто.
01.06.2024 Підтверджений клієнт
Я вже працював з React, але цей курс відкрив мені очі на те, як все влаштовано "під капотом". Тепер я розумію, чому React працює саме так. Дуже глибоко.
17.03.2024 Підтверджений клієнт
Для тих, хто хоче стати Senior, а не просто "фреймворк-програмістом". Дуже багато про архітектуру, патерни і SOLID. Це те, що відрізняє профі.