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

Курс React JS — основи розробки

00 День днів
00 година годин
00 хвилина хвилин
00 секунда секунд
До початку Почався Незабаром
,
course-logo

Хочеш опанувати одну з найпопулярніших бібліотек для розробки вебзастосунків? Курси React.js – це твій шлях до успіху у світі сучасної веброзробки.

Ми пропонуємо:

  • Професійне навчання від досвідчених інструкторів
  • Практичні завдання для набуття навичок розробки
  • Фінальний проєкт, який допоможе тобі побудувати портфоліо
  • Підтримку та доступ до матеріалів протягом та після завершення курсу

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

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

Чому варто пройти курси React.js?

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

Кому підійде курс React?

Курс орієнтовано на React-розробників із мінімальним досвідом програмування на 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
  • Куди рухатись далі

Після завершення навчання на курсі React ти:

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

Вимоги до учасників курсу розробки на React:

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

Відкрий двері до майбутньої кар’єри React-розробника — почни навчання прямо зараз і створи свій перший проєкт!

FAQ (Часті питання)

Чи передбачена підтримка або консультації від викладачів під час вивчання React?

Так! Організатори курсу залишаються на зв’язку з учасниками впродовж всього навчання. Менторську підтримку та супровід всі студенти отримують на теоретичних та практичних заняттях (в тому числі самостійних). Також учасники можуть додатково звернутись за допомогою або консультацією до ментора. Умови надання додаткових консультацій та зворотного зв’язку обговорюються окремо з викладачем курсу.

Чи є сертифікація, яка підтверджує успішне проходження цього курсу React, і як вона може бути корисною для кар'єри у веброзробці?

Так. Після успішного проходження курсу React, всі студенти отримують сертифікати від Sigma Software University. Цей сертифікат можна використовувати для твого резюме як додатковий документ під час пошуку роботи або кар’єрного просування в IT-сфері.

Які повинні бути технічні характеристики комп'ютера для проходження курсу по реакту?

Щоб навчання react проходило максимально ефективно, рекомендується мати комп’ютер з наступними технічними характеристиками:

  • Операційна система: Windows, macOS або Linux
  • Процесор: Intel Core i5 або аналогічний
  • Оперативна пам’ять: Мінімум 8 ГБ RAM
  • Вільне місце на жорсткому диску: Мінімум 50 ГБ
  • Інтернет-з’єднання для онлайн-занять та доступу до матеріалів

РЕЄСТРУЙСЯ ЗАРАЗ
ТА НАВЧАЙСЯ З НАМИ!
Дякуємо за
реєстрацію

    Ми отримали ваш запит, наш менеджер найближчим часом зв'яжеться з вами.

    Подати ще одну заявку