React.js Course in Kyiv ᐈ React Training for Beginners ᐈ CyberBionic Systematics

Опис курсу
React Essential

During this course, students will build a small application using React, learn how to break it down into logical parts and components, practice writing styles using CSS Modules, and get familiar with the core concepts of application development using this platform. React is a highly popular JavaScript framework used for building user interfaces in web applications. The main feature of this platform is the component-based approach, which allows for code reuse, increasing overall flexibility in application development. The "React Essential" course is designed for both beginners who are just discovering JS frameworks and professionals who want to master a new technology. What can you expect? During the training, you will learn the basics: write your first component, analyze its state and lifecycle, and find out how to work with events. Once you understand the library fundamentals, you will work with forms, master styling, get acquainted with routing, create a note list layout, and learn how to build an error page and a modal window. By the end of the training, you will develop a fully functional web application. The courses take place in Kyiv. Well-equipped classrooms ensure the most productive learning process. You can also take the course online by joining a group via Zoom. After completing the course, you will be able to use React to create simple single-page applications (SPA).

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

1

Introduction to React

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

JSX in React

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

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.
4

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.
5

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.
6

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.
7

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.
8

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.

9

Introduction to Routing

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

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.
11

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.
12

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.
13

Practice: Project Structure and Architecture Design

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

Practice: Implementing the Interface

Creating React components
Organizing data flows
Implementing routing
15

Practice: Creating Data Models

Setting up global state with Redux
Managing data logic
16

Practice: Final Project Defense

Presenting and defending the final course project

Записатися на курс

Очікується

Записатися
на пробний урок

Будь ласка зачекайте...

Ваша заявка прийнята! Менеджер навчального центру зв'яжеться з Вами найближчим часом.

Ім'я та прізвище:* Телефон:* E-mail:*

Мессенджер:

Активовано: Час: Курс:*

React.js Course in Kyiv

Для кого цей курс

Попередні вимоги