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

00 day days
00 hour hours
00 minute minutes
00 second seconds
Up to start Started Coming Soon Completed
,
Register
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 годин кожне. Після кожного заняття передбачається домашнє завдання та індивідуальна робота студента. Також передбачено фінальний проєкт по завершенні курсу.

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

Module 1
Вступ

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

Module 2
Повторення основ JavaScript
  • Огляд мови в цілому
  • Об’єкти
  • Масиви
  • Функції
  • Асинхронний JS
  • Нові стандарти ES6+
  • Рекомендації по написанні якісного коду
Module 3
DOM & BOM
  • Події
  • Навігація по елементах
  • Доступні сховища даних у браузері та як працювати із ними
  • Огляд інших браузерних API’s
Module 4
React вступ
  • Що таке React
  • Як додати реакт на сторінку
  • Переваги та недоліки
  • VirtualDOM
  • Як правильно розділяти застосунок на компоненти
  • React-інструменти – create-react-app, налагодження коду, розширення для браузера
Module 5
JSX та рендеринг
  • JSX огляд
  • Рендеринг елементів
  • Обробка подій у JSX
  • Списки та робота із ними
  • Умовний рендеринг
  • Ref
  • Фрагменти
  • Рендеринг властивостей (Render prop)
Module 6
Стан та властивості компонента
  • Statefull та stateless компоненти
  • Потік даних та обмін ними у компонентах
  • PropTypes
  • Антипатерни для стану та властивостей
Module 7
Життєвий цикл компонентів
Module 8
Форми та робота із ними
  • Валідація форм
  • Огляд існуючих пакетів для роботи із формами
Module 9
React роутинг
  • History API
  • React router
Module 10
Управління станом застосунку (Redux)
  • Варіанти управління станом застосунку
  • Redux плюси та мінуси
  • Flux-архітектура
  • Redux-архітектура
  • Побічні ефекти: міделвари (redux-thunk, redux-saga, redux-router etc)
  • Структурування Redux у структурі проєкту
  • Redux інструменти
Module 11
Hooks API
  • Огляд хуків які доступні у React
  • Основи створення власних хуків та можливі варіанти їх застосування
  • Кращі практики
  • Антипатерни
Module 12
Взаємодія із сервером даних через API
  • Fetch API
  • Пакети для надсилання реквестів
  • Аутентифікація та авторизація
Module 13
Стилі у React
  • Огляд інструментів для написання стилів
  • Анімація у React
Module 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 ГБ
  • Інтернет-з’єднання для онлайн-занять та доступу до матеріалів

РЕЄСТРУЙСЯ ЗАРАЗ
ТА НАВЧАЙСЯ З НАМИ!
Thank you for
registering

    We have received your request, our manager will contact you shortly.

    Submit another application