React.js Course
Who is this course for
The course is designed for frontend developers who want to learn the basics of working with the React.js framework.Prerequisites
Knowledge of HTML, CSS, JavaScript (ECMAScript 6).
Duration
32 hours
Number of lessons
16 Lessons
Price
640
The course is included in
SpecialtiesCourse program
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
Drafting the technical specification (T3)
Beginning project implementation
14
Practice: Implementing the Interface
Creating React components
Organizing data flows
Implementing routing
Organizing data flows
Implementing routing
15
Practice: Creating Data Models
Setting up global state with Redux
Managing data logic
Managing data logic
16
Practice: Final Project Defense
Presenting and defending the final course project
Upon completion of the course you will be able to
1
Apply basic concepts of building single-page applications in the React ecosystem.
2
Write and structure applications into logical parts and components.
3
Style applications using CSS modules.
4
Build simple single-page applications using React.
Try it for free
Аull-fledged lesson with a trainer
What's included in the course
32 hours of live training with a trainer
Practical classes and examination of the HW
Communicating with the group
Mentor and assistant support
Testing and Certificate
Video course from ITVDN
How the learning process works
1 
Live online classes
with a trainer
2
Doing
homework
3
Homework check,
feedback
4
Testing
and certification
Certificate after completing the course
Certificate after completing the course
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.Ready
to start studying?
Submit an application and secure your tuition discount
Companies, where our students work
Any questions?
We'll tell you where to start, what specialty to choose, and how to find your first job.
About course 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).