Dev & Data Science

React.js

Вчимося працювати з бібліотекою React.js та розробляти складні застосунки в архітектурі Flux.

Про курс

Курс для розробників, які щодня стикаються з React.js та хочуть навчитися розвивати архітектуру застосунків. І робити це так, щоб застосунки не розвалювалися через пару років через зміну вимог.

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

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

31 жовтня 2022 курс триває 3 місяці,
вебінари щопонеділка та щочетверга
7 000 грн/міс. 21 000 грн при повній оплаті курсу
7 350 грн/міс. при оплаті частинами
20 місць кожен студент отримує регулярний фідбек від куратора групи

Куратор

Програма курсу

Архітектура

Основною темою курсу буде побудова масштабованої архітектури застосунку. Дізнаємось, як архітектурні практики та підходи реалізуються в 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 днів від дати старту курсу.

Реєстрація

Ще маєте питання?
Не соромтесь їх задати.

Проконсультуйте мене