Про курс
Курс для розробників, які щодня стикаються з React.js та хочуть навчитися розвивати архітектуру застосунків. І робити це так, щоб застосунки не розвалювалися через пару років через зміну вимог.
Під час навчання закцентуємо на тому, як краще керувати інструментами та як уникати ситуацій, коли інструменти «керують вами». Знайдемо слушне місце для GraphQL, Redux, Routing та інших популярних нових бібліотек.
За три місяці навчимося будувати масштабовану і зрозумілу архітектуру, використовуючи як стандартні можливості React.js, так і сторонні інструменти. Розповімо про корисні практики проєктування та спробуємо застосувати їх у курсових проєктах. Крім цього, приділимо увагу профілюванню, оптимізації продуктивності, тестуванню, процесу збирання та деплою застосунку.

вебінари щопонеділка та щочетверга

7 350 грн/міс. при оплаті частинами

Куратор

Software Engineer у Readdle (Spark Team).
Програма курсу
Архітектура
Основною темою курсу буде побудова масштабованої архітектури застосунку. Дізнаємось, як архітектурні практики та підходи реалізуються в React.js та як використовуються з іншими бібліотеками (Redux, Mobx тощо).
Typescript
Статична перевірка типів при правильному використанні дуже спрощує проєктування та підтримку застосунків. Навчимося застосовувати статичну типізацію для React.js.
Context API
Context API використовується для зручного поділу даних і логіки між різними частинами програми. Розглянемо поширені сценарії використання Context API при розробці React застосунків.
Flux
Односпрямований потік даних. Підхід до керування даними та станами в React застосунку. Навчимося керувати станом застосунку через цей архітектурний патерн.
Routing
Правильно побудована маршрутизація, потужний інструмент для складних і вкладених інтерфейсів. Вивчимо принцип роботи на прикладі найпопулярнішої бібліотеки для маршрутизації react-router та розберемось, як інтегрувати маршрутизацію в архітектуру застосунку.
CSS in JS
Особливий підхід до керування CSS стилів компонента. Він використовує всі можливості Javascript для опису стилів. Подивимося на наявні підходи та бібліотеки CSS-in-JS.
Build pipeline
Правильна збірка та пакування проєкту не менш важливе, ніж сама кодова база. Попрацюємо зі збирачем Webpack.
Build optimization
Розміри проєктів можуть сягати десятків мегабайтів, що спричиняє труднощі для користувача. Розберемо методи оптимізації проєкту через збірку.
Authentication and back-end with Firebase
Поширене робоче завдання, тому розглянемо його окремо. Додамо підтримку сервісу Firebase в якості реального сервера і використаємо його для додавання авторизації користувачів.
Profiling
Слідкувати за потужністю застосунку в процесі розробки дуже важливо. Вивчимо способи оптимізації потужності за допомогою react-dev-tools та developer dev tools.
SOLID
Набір із 5 принципів, які дозволяють покращити архітектуру проєкту. Навчимося використовувати їх у програмі React.
Testing
Тестування — важлива практика у розробці ПЗ. Вона допомагає зробити застосунок гнучкішим і менш уразливим до помилок при впровадженні або зміні функцій. Розберемось, як можна тестувати React застосунок.
Fiber
Алгоритм, на якому працює React.js. Розуміння його основних принципів необхідне для написання високопродуктивних застосунків.
Курс для вас, якщо ви
React.js розробник
— хочете навчитися робити масштабовані застосунки;
— намагаєтеся розробляти архітектуру застосунку самотужки, а не адаптувати її під популярні інструменти;
— плануєте використовувати такі підходи, як SOLID або Dependency Injection у своїх React.js проєктах;
— пробуєте інструменти з екосистеми front-end розробки.
Досвід
знання JavaScript та досвід у front-end від 1 року
Час
15+ годин на тиждень для виконання домашніх завдань
Мова викладання
українська
Як відбувається навчання
Живі заняття
Вебінари з куратором проходять щопонеділка та щочетверга о 19:30 (вони також будуть доступні вам у записі).
Real-life завдання
У нас діє Practicult — культ практики. Тому ви виконуватимете багато складної домашки з реальних робочих буднів. Have fun & survive.
Регулярний фідбек
У нас немає базових і преміум режимів. Тільки преміум, завжди. Отримайте від куратора все. І так, десята ітерація — це нормально.
Сертифікат за справи
Видаємо лише тим, хто своїм потом, часом і силами його заслужив.
ГРАФІК
Старт
31 жовтня 2022
Вебінари
понеділок, четвер — 19:30
Запитання
Який софт використовуватиметься на курсі?
Visual studio code, Node.js, Npm, Codesandbox.
Як відбувається комунікація на курсі та в якому форматі куратор дає фідбек?
Уся комунікація на курсі відбуватиметься на платформі Slack (робочий чат групи, канали для домашніх завдань і корисних посилань). Куратор даватиме фідбек у вигляді коментарів до домашніх завдань і обговорення на вебінарах.
Чи будуть записуватися вебінари?
Ми щоразу організовуємо запис, однак краще виділіть час, щоб долучитися до онлайн зустрічі — буде цікаво.
А сертифікат буде?
Тільки за умови виконання всіх домашніх завдань та успішного захисту курсового проєкту.
Що, як мені не сподобається?
Ми зможемо повернути вам кошти протягом 7 днів від дати старту курсу.