2 added
39 removed
Original
2026-01-01
Modified
2026-02-21
1
-
<p>JSX</p>
1
+
<p>React and JSX Basics</p>
2
-
<p>components</p>
3
-
<p>events</p>
4
-
<p>forms</p>
5
-
<p>Skill in building fast, user-friendly interfaces that boosts chances of landing exciting roles at top tech companies</p>
6
-
<p>Egor Samoylin</p>
7
-
<p>Hexlet graduate</p>
8
-
<h2>Learning programme</h2>
9
-
<p>What is important to know in advance</p>
10
-
<p>To successfully complete the course, you need confident JavaScript programming skills</p>
11
-
<p>If you're not familiar with programming yet, don't worry!</p>
12
-
<p>We have<a>introductory courses</a>, to help you learn the basics and prepare for training. We explain everything from the ground up - in a clear and easy to understand way</p>
13
<p>Components as the fundamental units of React, using JSX, passing data via props</p>
2
<p>Components as the fundamental units of React, using JSX, passing data via props</p>
14
<p>Working with Collections and JSX Features</p>
3
<p>Working with Collections and JSX Features</p>
15
<p>Handling data collections, differences between JSX and HTML, dynamic class handling in components</p>
4
<p>Handling data collections, differences between JSX and HTML, dynamic class handling in components</p>
5
+
<p>State and Events</p>
16
<p>Working with state in components, React event system, managing nested components using children</p>
6
<p>Working with state in components, React event system, managing nested components using children</p>
17
<p>Architecture and Data Immutability</p>
7
<p>Architecture and Data Immutability</p>
18
<p>Declarative programming, forms, working with immutable data structures, managing state and events in nested components</p>
8
<p>Declarative programming, forms, working with immutable data structures, managing state and events in nested components</p>
19
<p>Global State and Optimization</p>
9
<p>Global State and Optimization</p>
20
<p>Functional components, Context API for global state, Virtual DOM, basics of testing React applications</p>
10
<p>Functional components, Context API for global state, Virtual DOM, basics of testing React applications</p>
21
<p>Lifecycle, Performance, and Working with the DOM</p>
11
<p>Lifecycle, Performance, and Working with the DOM</p>
22
<p>Asynchronous event handling, component lifecycle, performance optimization, using Refs for DOM interaction</p>
12
<p>Asynchronous event handling, component lifecycle, performance optimization, using Refs for DOM interaction</p>
23
-
<p>Introduction to Redux and Action Management</p>
24
-
<p>Redux fundamentals, action dispatching, store structure and splitting, working with reducers</p>
25
-
<p>Enhancing Functionality with Middleware</p>
26
-
<p>Connecting middleware, extending Redux capabilities, handling middleware logic</p>
27
-
<p>Getting Started with Redux Toolkit</p>
28
-
<p>Integrating Redux Toolkit with React, creating the first app, using slices to manage state</p>
29
-
<p>Data Normalization and Optimization</p>
30
-
<p>Normalizing data in the store, using Entity Adapter for optimization and simplified data handling</p>
31
-
<p>Advanced Slice Capabilities</p>
32
-
<p>Reacting to actions from other slices with extraReducers, performing async requests using createAsyncThunk</p>
33
-
<p>Automating API Handling with RTK Query</p>
34
-
<p>Creating API services using RTK Query, automating HTTP requests, managing data with minimal code</p>
35
-
<h2>How learning is organised</h2>
36
-
<p>Simple, clear and always at hand</p>
37
-
<p>You learn the theory in a convenient text format - easy to read even from your phone. Live examples help you immediately understand how everything works in practice. The material is organised in such a way that you move step by step from simple to complex without missing important details</p>
38
-
<p>Check and consolidate knowledge</p>
39
-
<p>After each topic, you go through quizzes to make sure you understand everything. Questions of varying levels of difficulty will give you the opportunity to both test your knowledge base and practise your application of knowledge</p>
40
-
<p>Learn from real-life challenges</p>
41
-
<p>We've created a convenient virtual environment where you solve problems right in your browser. You have a code editor, a console and automatic tests that instantly show results</p>
42
-
<p>AI mentor in your studies</p>
43
-
<p>Our AI-powered Learning Assistant is like a mentor that's always on hand. It understands where you are in the course, what you need to do, and what your code looks like. If something goes wrong, you get clear and helpful hints right away</p>
44
-
<h2>Questions and answers</h2>
45
-
<p>Even experienced developers will find useful knowledge in our courses. We study in detail complex data structures and their application in code optimisation tasks. Classes will help you strengthen your programming skills, improve code architecture, and gain a deeper understanding of how algorithms work. The course will help you not only strengthen your current skills, but also prepare for your next career step</p>
46
-
<p>You can learn at your own pace, there is no time limit. We recommend allocating 5-10 hours per week. This way, on the one hand, the training will be intensive enough not to stretch it out over a long period of time, and on the other hand, it will be comfortable enough to combine it with work and have time to relax</p>
47
-
<p>The programme material is ready-made courses with theory adapted for beginners, tests for consolidation and a lot of practical exercises with automated checking right in the browser. In some tracks there is a project - you will create an application that will give experience of real development</p>
48
-
<p>We accept Visa, MasterCard and MIR cards of any bank, the currency of the account can also be any currency</p>
49
-