Основи розробки на REACT

Де: online

Коли: Відкрита дата

Тривалість: 3 місяці

Вартість: 8800 грн

Можливі варіанти оплати:
щомісячна оплата (розбиваємо платіж на 3 рівні частини)
або
50/50 (перша частина до початку навчання, друга частина до початку другого місяця навчання)

Увага, гаряча новина! Напередодні основного курсу ми запрошуємо тебе на безкоштовний вебінар від нашого тренера: «React: секрети привабливості», де ти дізнаєшся, як з’явилася найпопулярніша бібліотека JavaScript для створення та побудови користувацьких інтерфейсів, у чому особливості та переваги React та як він полегшує життя Front-End розробникам.

 

React – чи не найпопулярніша бібліотека JavaScript для створення та побудови користувацьких інтерфейсів. Його було розроблено для потреб Facebook та Instagram, які сьогодні у нього активно інвестують. React широко використовується у Front-End розробці для створення веб-застосунків із даними, що змінюються.

ВАЖЛИВО! По завершенні курсу ми оберемо ДВОХ найуспішніших за результатами студентів, яким повністю компенсуємо вартість навчання!

Цей курс допоможе вам розібратися із особливостями React та дасть відповідь на те, чому ця бібліотека є аж настільки популярною у світі Front-end. Під час навчання ми пройдемо від загальних принципів, за якими працює веб, до написання сучасних додатків із використанням React. Розберемо переваги SPA, їх недоліки та розглянемо гідні альтернативи.

ПО ЗАКІНЧЕННІ КУРСУ ВИ

  • Навчитеся використовувати React для створення сучасних додатків
  • Розберетеся як працювати із даними та керувати станом додатка (Redux)
  • Будете вільно використовувати нові можливості React
  • Дізнаєтеся як працювати із API (+аутентифікація)
  • Навчитеся працювати із формами та наявними інструментами для них

ДЛЯ КОГО

Курс орієнтовано на розробників із мінімальним досвідом програмування на JavaScript (але з міцним теоретичним бекграундом).
Програма корисна тим, хто працював із іншими фреймворками на Front-End, або стоїть перед вибором основного інструменту для подальшої роботи.

ПРОГРАМА

Курс розрахований на 14 занять до 2 годин кожне. Після кожного заняття передбачається домашнє завдання та індивідуальна робота студента. Також передбачено фінальний проект по завершенні курсу.

ЗАНЯТТЯ 1 Вступ

  • Огляд структури курсу та роботи над ним
  • Огляд інструментів які будуть використовуватись на протязі курсу(Git, Github, Git flow, IDE, Chrome dev tools, NPM, Node.js)
  • Як працює веб
  • Огляд підходів до створення веб додатків(SPA, MPA, PWA). Розвиток даних підходів
  • Що ж таке Framework
  • Чому саме React

ЗАНЯТТЯ 2 Повторення основ JavaScript

  • Огляд мови в цілому
  • Об’єкти
  • Масиви
  • Функції
  • Асинхронний JS
  • Нові стандарти ES6+
  • Рекомендації по написанні якісного коду

ЗАНЯТТЯ 3 DOM && BOM

  • Події
  • Навігація по елементах
  • Доступні сховища даних у браузері та як працювати із ними
  • Огляд інших браузерних API’s

ЗАНЯТТЯ 4 React вступ

  • Що таке React
  • Як добавити реакт на сторінку
  • Переваги та недоліки
  • VirtualDOM
  • Як правильно розділяти додаток на компоненти
  • React інструменти – create-react-app, відлагодження коду, розширення для браузера

ЗАНЯТТЯ 5 JSX та рендеринг

  • JSX огляд
  • Рендеринг елементів
  • Обробка подій у JSX
  • Списки та робота із ними
  • Умовний рендеринг
  • Ref
  • Фрагменти
  • Рендеринг властивостей (Render prop)

ЗАНЯТТЯ 6 Стан та властивості компонента

  • Statefull та stateless компоненти
  • Потік даних та обмін ними у компонентах
  • PropTypes
  • Антипатерни для стану та властивостей

ЗАНЯТТЯ 7 Життєвий цикл компонентів

ЗАНЯТТЯ 8 Форми та робота із ними 

  • Валідація форм
  • Огляд існуючих пакетів для роботи із формами

ЗАНЯТТЯ 9 React роутинг

  • History API
  • React router

ЗАНЯТТЯ 10 Управління станом додатку (Redux)

  • Варіанти управління станом додатку
  • Redux плюси та мінуси
  • Flux архітектура
  • Redux архітектура
  • Побічні ефекти: міделвари (redux-thunk, redux-saga, redux-router etc)
  • Структурування Redux у структурі проекту
  • Redux інструменти

ЗАНЯТТЯ 11 Hooks API

  • Огляд хуків які доступну у React
  • Основи створення власних хуків та можливі варіанти їх застосування
  • Кращі практики
  • Антипатерни

ЗАНЯТТЯ 12 Взаємодія із сервером даних через API

  • Fetch API
  • Пакети для надсилання реквестів
  • Аутентифікація та ауторизація

ЗАНЯТТЯ 13 Стилі у React

  • Огляд інструментів для написання стилів
  • Анімація у React

ЗАНЯТТЯ 14 Фінальне

  • Тестування у React – огляд інструментів, загальні рекомендації
  • React Native і React VR
  • Куди рухатись далі

ВИМОГИ ДО УЧАСНИКІВ

  • Знання HTML/CSS
  • Знання JS на базовому рівні
  • Знання DOM
  • Буде плюсом знання GIT на базовому рівні

МОВА

Курс буде проводитися українською мовою з використанням англійської термінології.

БОНУС

Для всіх учасників курсу, за бажанням, пройде вебінар від Sr. Recruiter в Sigma Software: «Interview Easy or Hard». Під час зустрічі наш експерт поділиться секретами і лайфхаками, які допоможуть вам успішно пройти шлях від кандидата до співробітника ІТ компанії.

За додатковою інформацією, будь ласка, звертайтеся до менеджера курсу: +38 050 966 56 56 (Каріне)