Содержание курса
10
разделов
92
урока
81
тест
13 ч.
обн. 14 апреля 2026
1. Введение
5 уроков
6 634
6 192
28м
323
Открытый
1.1
Обзор курса
↗
2 038
2 038
4м 26с
75
Открытый
1.2
Что такое React
↗
1 850
1 850
7м 8с
67
Закрытый
1.3
Пререквизит к курсу
↗
926
843
3м 28с
72
Закрытый
1.4
Что необходимо установить
↗
909
909
3м 3с
46
Закрытый
1.5
Варианты окружения
↗
911
552
10м 7с
63
2. React и JSX
8 уроков
7 239
5 421
54м
319
Открытый
2.1
Библиотеки React и ReactDOM
↗
1 404
714
9м 23с
53
Закрытый
2.2
Простое приложение на чистом React
↗
879
879
9м 35с
45
Закрытый
2.3
Преобразование приложения в JSX
↗
857
777
10м 2с
60
Открытый
2.4
Особенности JSX
↗
1 541
505
11м 7с
45
Закрытый
2.5
Разделение приложения на модули
↗
814
814
6м 51с
36
Закрытый
2.6
Условная отрисовка
↗
800
800
3м 22с
41
Закрытый
2.7
Пример с прелоадером
↗
797
797
3м 24с
38
Закрытый
2.8
Проверка знаний
↗
147
135
3м 32с
1
3. Классовые компоненты
11 уроков
7 297
7 139
104м
440
Закрытый
3.1
Разбор составляющих базового React-шаблона
↗
805
805
14м 4с
49
Закрытый
3.2
Понятие React-компонента
↗
783
783
9м 16с
37
Закрытый
3.3
Состояние компонента и управление им
↗
770
770
12м 36с
44
Закрытый
3.4
Нюансы создания методов в классовых компонентах
↗
743
692
9м 29с
54
Закрытый
3.5
Жизненный цикл компонента
↗
733
733
18м 47с
44
Закрытый
3.6
Задание по созданию таймера
↗
703
643
14м 17с
56
Закрытый
3.7
Работа с коллекциями
↗
677
677
5м 0с
39
Закрытый
3.8
Однонаправленный поток данных
↗
664
664
10м 26с
34
Закрытый
3.9
Задание на обновление состояния через дочерние компоненты
↗
650
612
8м 18с
44
Закрытый
3.10
Отличие классовых компонентов от функциональных
↗
647
647
1м 24с
39
Закрытый
3.11
Проверка знаний
↗
122
113
2м 14с
0
4. Работа с формами в React
7 уроков
3 753
3 694
59м
240
Закрытый
4.1
Управляемые компоненты
↗
672
672
10м 24с
40
Закрытый
4.2
Валидация значений формы
↗
620
620
7м 14с
34
Закрытый
4.3
Checkbox, radio button, select
↗
613
613
9м 41с
39
Закрытый
4.4
Задание на создание формы
↗
590
539
16м 7с
46
Закрытый
4.5
Использование ref
↗
587
587
9м 54с
37
Закрытый
4.6
Неуправляемые компоненты
↗
569
569
5м 59с
44
Закрытый
4.7
Проверка знаний
↗
102
94
2м 13с
0
5. Проект "Фильмы"
10 уроков
6 352
5 295
95м
333
Открытый
5.1
Обзор проекта
↗
1 661
708
2м 4с
44
Закрытый
5.2
Подготовка проекта
↗
587
587
16м 3с
35
Закрытый
5.3
Знакомство с API фильмов
↗
571
571
7м 55с
38
Закрытый
5.4
Задание на создание общего списка
↗
550
514
20м 27с
39
Закрытый
5.5
Добавление строки поиска
↗
524
524
7м 27с
25
Закрытый
5.6
Реализация поиска фильмов
↗
505
477
6м 53с
29
Закрытый
5.7
Добавление фильтрации
↗
500
460
15м 54с
34
Закрытый
5.8
Обработка неудачного поиска
↗
475
475
4м 4с
25
Закрытый
5.9
Безопасное хранение ключа API
↗
485
485
4м 2с
26
Закрытый
5.10
Сборка и публикация проекта
↗
494
494
14м 35с
38
6. Функциональные React-компоненты
8 уроков
3 525
3 472
58м
203
Закрытый
6.1
Работа с состоянием
↗
542
542
8м 21с
33
Закрытый
6.2
Кликер
↗
522
498
2м 8с
34
Закрытый
6.3
Управление жизненным циклом
↗
514
514
8м 41с
30
Закрытый
6.4
Использование ref
↗
510
510
8м 24с
25
Закрытый
6.5
Рефакторинг таймера
↗
488
463
17м 24с
34
Закрытый
6.6
Рефакторинг проекта Фильмы
↗
456
456
8м 31с
23
Закрытый
6.7
Рефакторинг проекта Фильмы, часть 2
↗
418
418
5м 48с
24
Закрытый
6.8
Проверка знаний
↗
75
71
2м 11с
0
7. Хуки подробно
11 уроков
4 496
4 284
90м
252
Закрытый
7.1
useState
↗
528
528
9м 55с
28
Закрытый
7.2
useEffect
↗
496
496
8м 12с
25
Закрытый
7.3
useContext
↗
482
482
14м 44с
27
Закрытый
7.4
useLayoutEffect
↗
456
404
6м 2с
28
Закрытый
7.5
useCallback, useMemo
↗
445
397
13м 31с
22
Закрытый
7.6
useImperativeHandle
↗
417
355
7м 29с
19
Закрытый
7.7
useReducer
↗
421
376
11м 58с
41
Закрытый
7.8
Пользовательские хуки
↗
412
412
7м 58с
19
Закрытый
7.9
Правила использования хуков
↗
399
399
3м 7с
19
Закрытый
7.10
Рефакторинг таймера
↗
377
377
7м 19с
24
Закрытый
7.11
Проверка знаний
↗
63
58
5м 36с
0
8. Проект "Витрина"
11 уроков
5 990
4 502
115м
267
Открытый
8.1
Презентация проекта
↗
2 340
955
1м 25с
25
Закрытый
8.2
Обзор API
↗
437
371
6м 28с
26
Закрытый
8.3
Подготовка проекта
↗
409
409
10м 8с
30
Закрытый
8.4
Вывод списка товаров
↗
394
394
19м 48с
27
Закрытый
8.5
Состояние заказа
↗
373
373
8м 38с
24
Закрытый
8.6
Добавление товара в корзину
↗
364
347
13м 41с
29
Закрытый
8.7
Создание корзины
↗
353
353
19м 21с
26
Закрытый
8.8
Удаление из корзины
↗
332
332
6м 6с
21
Закрытый
8.9
Изменение количества товара в корзине
↗
328
308
8м 50с
19
Закрытый
8.10
Добавление подсказки о добавлении товара
↗
326
326
15м 18с
20
Закрытый
8.11
Публикация проекта
↗
334
334
9м 54с
20
9. Продвинутое управление состоянием приложения
7 уроков
2 012
1 995
47м
109
Закрытый
9.1
Context API и useReducer вместо пропсов
↗
381
381
2м 11с
20
Закрытый
9.2
Создание контекста с провайдером
↗
349
349
6м 26с
18
Закрытый
9.3
Создание редюсера
↗
326
326
8м 21с
15
Закрытый
9.4
Доработка редьюсера
↗
302
290
10м 4с
14
Закрытый
9.5
Переключение всех компонентов на контекст
↗
298
298
16м 44с
20
Закрытый
9.6
Обзор сделанного
↗
305
305
2м 58с
22
Закрытый
9.7
Проверка знаний
↗
51
46
2м 59с
0
10. Роутинг и SPA-приложение
14 уроков
5 177
3 409
138м
285
Открытый
10.1
Роутинг и SPA, обзор проекта
↗
1 181
519
2м 14с
20
Закрытый
10.2
Базовый роутинг
↗
380
53
12м 10с
26
Закрытый
10.3
Компонент Link
↗
339
339
4м 53с
20
Закрытый
10.4
Хуки useParams и useHistory
↗
333
50
10м 3с
19
Закрытый
10.5
Хуки useLocation и useRouteMatch
↗
310
310
3м 57с
14
Закрытый
10.6
Вложенный роутинг
↗
305
45
6м 35с
13
Закрытый
10.7
Обзор API для проекта
↗
309
267
4м 7с
17
Закрытый
10.8
Настройка методов
↗
290
290
7м 54с
18
Закрытый
10.9
Главная страница
↗
294
294
13м 26с
20
Закрытый
10.10
Страница категории
↗
267
267
12м 31с
20
Закрытый
10.11
Страница рецепта
↗
270
270
24м 22с
21
Закрытый
10.12
Поиск на главной
↗
274
274
18м 32с
23
Закрытый
10.13
Нюансы публикации SPA
↗
288
288
3м 25с
15
Закрытый
10.14
Итоги курса
↗
337
143
20м 9с
39