React.js Course

This course is for you if you:

The course is designed for frontend developers who want to learn the basics of working with the React.js framework.

4.5/5 DOU

96% Facebook

4.6/5 Google

Duration

32 hours

Number of lessons

16 lessons

Course start

Start expected

Our graduates work in

Your way

Course program

Each session is a live online lesson with practical assignments and feedback.

Introduction to React

In this lesson, students will get acquainted with React and learn how to create a simple application using Create React App.

JSX in React

In this lesson, students will get acquainted with JSX and learn how to write simple components using JSX.

React Basics

In this lesson, students will get acquainted with different types of components, learn what state is in React components, practice adding events to elements, and work with lists.

State and Lifecycle

In this lesson, students will explore state and the lifecycle of React components, learn the difference between functional and class components, practice using them, and get a brief introduction to Redux.

Forms

In this lesson, students will learn how to work with forms in React and explore concepts such as state lifting and validation with PropTypes.

Styling in React

In this lesson, students will explore different ways to style components in React and learn how to use CSS modules for styling.

Creating a Notes List

In this lesson, students will learn how to choose the appropriate component type during execution, practice using props, state, lifecycle methods, and other key concepts, and create a notes list using React.

Hooks

In this lesson, students will explore the fundamental React hooks, understand their principles, write a custom hook, and reinforce the material through practical exercises.

Introduction to Routing

Students will get acquainted with the react-router library and learn how to implement routing in a React application.

Creating an Error Page

Students will learn about Error Boundaries, React.Fragment, and Strict Mode in React, as well as how to create an error page.

Creating a Modal Window

In this lesson, students will explore Refs, Context API, and Render Props. They will build a modal window using context and render props.

Optimization and Performance of React Applications

In this lesson, students will learn that React can sometimes be slow—understanding when this happens and how to mitigate it. They will explore various tools to detect bottlenecks in React applications, optimization and analysis tools, as well as Redux store "normalization." Students will also discover the benefits of immutable data structures in JavaScript and how to make the application build leaner and more efficient.

Practice: Project Structure and Architecture Design

Selecting a project topic
Drafting the technical specification (T3)
Beginning project implementation

Practice: Implementing the Interface

Creating React components
Organizing data flows
Implementing routing

Practice: Creating Data Models

Setting up global state with Redux
Managing data logic

Practice: Final Project Defense

Presenting and defending the final course project

Skills after the course

Upon completion of the course you will be able to

Check

Apply basic concepts of building single-page applications in the React ecosystem.

Check

Write and structure applications into logical parts and components.

Check

Style applications using CSS modules.

Check

Build simple single-page applications using React.

Start expected

Try
React Essential for free

The first full-fledged lesson with a trainer.

How is the training going?

Simple and clear

Lesson structure

120 minutes

Theory

Code analysis

Q&A

Theory - 60 minutes

Code analysis - 45 minutes

Q&A session - 10 minutes

When are classes held?

Group 1

Group 2

19:00 - 21:00

Live session with a trainer

Ask questions in real time

Live online classes with a trainer

Group classes are held online. This is an effective live communication. All lessons are recorded and available for re-watching.

Doing homework

Practical tasks have been developed for each lesson, which must be completed and submitted in a special LMS system.

Check HW and feedback

All student work is checked and feedback with a score and recommendations is provided for each assignment.

Testing and certification

After completing the course, students take a final test and receive a certificate confirming their level of knowledge.

Certification

Confirm your knowledge

Personalized certificate upon completion of the course

After completing the course and passing the test, you will receive a personalized certificate from CyberBionic Systematics and TestProvider.com, a platform recognized by leading Ukrainian IT companies.

Testing and certification of IT professionals takes place on our own platform TestProvider.com

You receive a certified certificate from CyberBionic Systematics, which confirms the level of your knowledge and increases your chances of successful employment.

Each certificate has a serial number, the employer can check it and verify the authenticity of the certificate.

Registration is open

Ready to start studying?

Submit an application and secure your tuition discount

Let's clarify the details and reserve a place.

You'll take the first lesson without cost

Finish your career in IT

Student reviews

What do those who have already studied say?

Reviews from our students

Влад Коржиков

FrontEnd Developer

Про курсы я узнал от своих друзей, которые также учились в CyberBionic Systematics. Специальность мне интересна разнообразностью и тем, что постоянно есть какие-то новшества. Материал временами был сложный, особенно под конец курса. Были некоторые сложности в коде, как для новичка. Помогали видео уроки ITVDN, в которых и объяснялись темы, пройденные на лекции. Новичкам, прежде чем идти на курсы, нужно: • Иметь некоторое представление о специальности. • По возможности просмотреть видео курсы перед уроком (определенный курс перед каждой лекцией). Что касается тренера, то сначала у нас был один тренер, которого заменили на Сергея Патёху. Сергей - хороший специалист в этой сфере. Всегда объяснял материал доступно. Если же было не понятно, объяснял персонально. Внимание уделял каждому, у кого возникали вопросы. Все, кто будет интересоваться FrontEnd специальностью, буду советовать идти к Сергею Патёхе в CyberBionic Systematics.

Read in full

Confirmed on CyberBionic Systematics

Marharyta Chernikova

Java Developer

Хочу поділитися своїм досвідом по проходженню курсу Java dev в CyberBionic Systematics. І хочу сказати, що я надзвичайно задоволена їх підходом до викладання. Теорія + практика. Курс чітко структурований, на уроках викладач дає теоретичну частину з прикладами, відповідає на питання та перевіряє домашнє завдання. Інколи перевірка буває в режимі, коли викладач дає завдання і необхідно його вирішувати в онлайн режимі. Дуже крута практика з погляду підготовки до співбесіди. Спочатку страшно, але потім звикаєш. Тому думаю на співбесіді в мене вже не будуть труситися колінки)) Зручний формат подачі матеріалу. Протягом навчання в мене є особистий кабінет в LMS з усіма завданнями, а також доступ до окремого джерела з онлайн уроками по моєму напряму, на користування якими взагалі необхідна підписка, але вони входять в програму курсу, тому для студентів CyberBionic Systematics доступ до них безкоштовний. І звичайно ведеться відеозапис кожного урока, так що можна переглядати в будь-який час. Крутий тренер. Окремо хочу виділити нашого тренера Вадима Кожевнікова, який є справжнім професіоналом свого діла і пояснює складні речі на дуже простих прикладах, а також морально підтримує в моменти тупняків. Відчувається, що він має досвід не тільки у програмуванні, а і у викладанні. Дуже вдячна за якісну подачу матеріалу, а також за завдання на «посушити голову»))) Буває складно, але саме це розвиває мислення і мені особисто так цікавіше) Коли йшла на курс, то дуже боялася зтикнутися з байдужістю тренерів і відсутністю перевірки прогресу. Тут ви такого не зустрінете)) зріз знань буде регулярно, але м’яко, без травмування психіки та іноді з гумором))) Тому дуже рекомендую!

Read in full

Confirmed on Google

Oleksandr Sych

Lead Software Engineer в EPAM

Я проходив навчання в ІТ-школі CyberBionic Systematics і залишився дуже задоволений. До курсів я вже цікавився програмуванням і мав певний досвід, але саме навчання допомогло мені систематизувати теоретичні знання та дізнатися багато нового.

Особливо корисною виявилася підготовка до фінального тесту — ці питання часто трапляються на співбесідах, і отримані знання допомагають мені й сьогодні.

Єдиний недолік — для досягнення хороших результатів потрібно докладати чимало власних зусиль і самостійно вчитися, але це лише мотивує розвиватися далі.

Я дуже радий, що свого часу обрав саме цю школу — це рішення дало мені потужний поштовх у професійному розвитку. Рекомендую CyberBionic Systematics усім, хто хоче якісно вивчити програмування!

Read in full

Confirmed on DOU