⭐ Рекомендовано React.js: основи
Створюйте сучасні інтерактивні UI з React. Вивчайте компоненти, хуки, управління станом, маршрутизацію, API інтеграцію та деплой реальних проектів. Наступний крок після JavaScript.
Oleksii Anzhiiak
Софтвер-архітектор, Senior .NET інженер та співзасновник
До кінця курсу ви зможете
- Збирати production-grade React-застосунки через hooks і композицію
- Керувати станом без головного болю (useState, useReducer, context, server state)
- Підключати роутинг, форми, fetching — так, як це роблять у реальних командах
- Знаходити і лагодити типові пастки продуктивності React
- Проходити React-специфічну частину frontend-співбесіди
Чи підходить вам цей курс?
Це для вас, якщо ви…
- Знаєте JavaScript і цілитесь у junior frontend — React у 70%+ вакансій
- Пробували React-туторіали, і вони показували компоненти у вакуумі — хочете побачити, як збирається застосунок цілком
- Переходите з іншого frontend-фреймворку і хочете швидко увібрати ментальну модель React
Не беріть цей курс, якщо…
- Поки не знаєте JavaScript — React без JS здається магією. Спочатку #11
- Хочете порівняння React vs Vue vs Svelte — це React-специфічний курс, не огляд
- Хочете нативний mobile / desktop — React Native і Electron існують, але тут їх немає. Це web-React
Хто викладає
Oleksii Anzhiiak
Софтвер-архітектор, Senior .NET інженер та співзасновник
Олексій Анжіяк — софтвер-архітектор, Senior .NET інженер та співзасновник ToyCRM.com і ProfectusLab. Має понад 15 років досвіду у розподілених системах, хмарній інфраструктурі, high-load backend-розробці та identity-платформах. Проєктує складні архітектури, створює безпечні системи автентифікації та розробляє сучасні освітні програми, які допомагають студентам досягати реальних кар'єрних результатів.
Зараз очолює архітектуру ToyCRM.com — мультитенантної CRM-платформи на .NET, яку будує наша команда. Ті самі патерни й архітектурні рішення, що використовуються там, напряму потрапляють у курси: identity та авторизація, розподілені сервіси, культура код-рев'ю. Ви вчитеся в інженерів, які активно випускають продакшн-код, а не з підручника.
Навчальний план
Курс охоплює все необхідне для розробки production React-застосунків:
- 1 Модуль 1: JSX і модель компонентів — функціональні компоненти, props, рендеринг
- 2 Модуль 2: Стан і події — useState, синтетичні події, контрольовані інпути
- 3 Модуль 3: Основні хуки — useEffect, useRef, useCallback, useMemo
- 4 Модуль 4: Композиція компонентів — підняття стану, Context API, власні хуки
- 5 Модуль 5: React Router — декларативна маршрутизація, вкладені маршрути, захист роутів
- 6 Модуль 6: API інтеграція — fetch, axios, асинхронні патерни, стани завантаження і помилок
- 7 Модуль 7: Форми та валідація — контрольовані форми, бібліотеки, кращі практики
- 8 Модуль 8: Production збірка та деплой — Vite, змінні оточення, Vercel/Netlify
Передумови
Основи JavaScript (рекომендується «Вступ до JavaScript»).
Потрібні впевнені знання основ JavaScript (функції, масиви, проміси, async/await). «Вступ до JavaScript» є ідеальним попереднім.
Що ви побудуєте
Виходите з portfolio React-застосунком, який зібрали самі — нормальна архітектура компонентів, справжній роутинг, справжній data fetching, задеплоєний з публічним URL. Те, що просять на будь-якій junior frontend-співбесіді, вже готове до демо.
- JSX, компоненти, props, композиція
- Hooks: useState, useEffect, useReducer, useContext, кастомні
- Роутинг з React Router
- Server state з React Query / fetch
- Продуктивність: memo, useMemo, useCallback — коли що окуповується
Де це у вашій кар'єрі
Читати паралельно з курсом
Перше заняття — за наш рахунок. Рішення — після знайомства з інструктором.
Долучіться до першої сесії. Якщо після першого уроку вирішите, що інструктор вам не підходить — ви за нього не платите, без незручних розмов. (Пробне діє на курсах довших за 5 занять; цей курс підходить.)
Вартість і що входить
Що входить
- 16 живих занять × 2 години — викладач веде особисто, а не відтворення запису
- Презентація до кожного заняття — залишається у вас і доступна для перегляду в будь-який час
- Робочі файли коду та data-файли з заняття — клонуються до вас на машину
- Щотижнева домашка з особистим код-рев'ю від викладача
- Запис на запит — попередьте викладача заздалегідь («не зможу у вівторок, запишіть, будь ласка») і заняття буде записане для вас
Часті запитання
Скільки часу на тиждень це займе?
Закладайте час на самі заняття плюс приблизно 1.5–2 години практики на кожне. Більшість студентів, які встигають у графік, витрачають 4–6 годин на тиждень. Менше — теж працює, просто довше.
Що, якщо я пропущу заняття?
Скажіть викладачу ДО заняття — «не зможу у вівторок, запишіть, будь ласка» — і він запише цей урок і пришле вам. Записи не є автоматичним архівом, вони робляться на запит, коли ви попереджуєте заздалегідь. Після уроку — виконайте домашку і приходьте з питаннями на наступне.
Що входить у вартість?
Живі заняття з викладачем; презентації до кожного заняття (залишаються у вас); робочі файли коду та будь-які data-файли, що використовувались на занятті; домашка з код-рев'ю щотижня; і записи тих занять, про які ви попередили заздалегідь. Усе понад це — сертифікат, alumni-доступ, mock-інтерв'ю — явно перелічено в «Що входить» над FAQ для тих курсів, де це застосовується.
А якщо я записався, і викладач мені не підійшов?
На курсах довших за 5 занять перше заняття фактично пробне — якщо після першого уроку вирішите, що викладач вам не підходить, ви за нього не платите. Краще піти після одного уроку, ніж тягнути 9 тижнів на поганій хімії. (Курси з 5 або менше занять занадто короткі — пробне там не має сенсу, діє звичайна оплата.)
Чи можна повернути гроші, якщо кидаю посередині?
Так — поки більше половини курсу залишається невикористаною (тобто ви відвідали менше 50% занять). Повернення — пропорційно невикористаній частині. Після половини курсу не повертаємо — вважаємо, що цінність уже отримана.
Чи можна змінити мову викладання?
Живі заняття проводяться мовою, вказаною у блоці «Доступні мови» вище. Слайди та файли коду зазвичай доступні чотирма (англійська, російська, українська, грузинська). Багато студентів слухає заняття однією мовою, а матеріали читає іншою — це нормально.
Чи буду я готовий до реальної роботи після курсу?
Один курс рідко сам по собі влаштовує когось на роботу — у будь-якій сфері. Цей курс дає фундамент, на який очікує junior-менеджер з найму: робочий код, який ви написали самі, словник, щоб читати чужий код, і звички, які роблять вас наймаються. Чесна відповідь на «чи готовий я?» — на нашій дорожній карті (посилання в шапці): відкрийте рівень, до якого хочете дійти, і прочитайте чек-лист «Готові, коли…».
Чи можна оплатити частинами?
Так для курсів, у яких у верхній панелі вказано «Щомісячна оплата» — зазвичай це два-три однакових платежі. Курси без цієї опції оплачуються одноразово. Якщо ціна — перешкода, напишіть нам, ми дивимось на кожен випадок окремо.
Вам також може сподобатись
TypeScript: майстерність
Від JavaScript до production-рівня TypeScript. Система типів, дженерики, декоратори, strict mode, розширені utility types та інтеграція TypeScript у реальних проектах.
Вступ до jQuery
Навчіться використовувати jQuery для роботи з DOM, подіями, анімаціями, AJAX та UI-компонентами. Практичний курс для розуміння класичних фронтенд-патернів і legacy-проєктів.
Вступ до JavaScript
Вивчайте JavaScript з нуля: синтаксис, логіку, масиви, функції, об’єкти, події, DOM, AJAX та збереження даних на клієнті. Надійний фундамент для фронтенд-розробки.