Сколько стоит курс «Frontend React разработка»?

Стоимость курса составляет 25000.00 рублей

Сколько времени занимает прохождение курса «Frontend React разработка»?

Прохождение курса «Frontend React разработка» занимает примерно 123 часов.

Какой рейтинг у курса «Frontend React разработка»?

Курс имеет рейтинг 4.2 из 5 на основе 2 отзывов. На курсе обучается 17 учеников.

Где можно пройти курс «Frontend React разработка»?

Курс доступен на образовательной платформе Stepik по адресу stepik.org/course/201640.

Курс на Stepik

Обложка курса «Frontend React разработка» на Stepik

25 000 ₽

Frontend React разработка ★ 4.188

Name: Frontend React разработка
Price: 25000.00 RUB
Availability: InStock
Rating: 4.188285714285714 (2 reviews)

Открыть на
STEPIK.ORG

Вы сможете создавать frontend приложения любой сложности, от простых посадочных страниц до полноценных интернет магазинов и SAAS платформ. За счёт современного стека технологий, вы получите только актуальные знаний, которые пригодятся вам в работе.

Показатель	Текущие показатели		Рост
Показатель	Значение	🏆 Рейтинг	3 дн	7 дн	30 дн
Учеников на курсе	17
Сертификатов выдано	0
Отзывов получено	135
Рейтинг курса	4.188
Курсов в пакете	7	—	—	—	—
Количество уроков	982
Количество квизов	376
Время прохождения курса	123 ч.	—
Стоимость курса	25 000 ₽	—
Обновления курса	—	—
Дата публикации курса	2 года назад	—	—	—	—
Последнее обновление	13 апреля 2026	—	—	—	—

Содержание пакета (7 курсов)

Курсы в пакете «Frontend React разработка»

7 курсов Уроки в курсе «Frontend React разработка»

982 урока Тесты в курсе «Frontend React разработка»

376 тестов Время прохождения курса «Frontend React разработка»

123 ч.

1. HTML и CSS — полный курс по вёрстке с нуля 4.826

360

168

20 ч.

1. Введение

5 уроков

Открытый

1.1 HTML и CSS ↗

972

324

5м

Открытый

1.2 Как устроен курс ↗

1 031

293

9м

Открытый

1.3 Обзор проектов ↗

763

266

2м

Открытый

1.4 Обзор курсов ↗

679

2м

Открытый

1.5 Перенос курса ↗

324

0м

2. Настройка окружения

3 урока

Закрытый

2.1 Настройка окружения ↗

318

168

4м

Закрытый

2.2 Настройки VSCode ↗

310

171

4м

Закрытый

2.3 Создание первой страницы ↗

305

165

4м

3. Знакомство с HTML

12 уроков

Закрытый

3.1 Структура HTML ↗

314

178

6м

Закрытый

3.2 Параграфы и переносы ↗

308

171

5м

Закрытый

3.3 Заголовки ↗

300

166

7м

Закрытый

3.4 Инспектор Chrome ↗

297

163

6м

Закрытый

3.5 Структура документа ↗

294

163

7м

Закрытый

3.6 Списки ↗

292

156

7м

Закрытый

3.7 Упражнение - Вёрстка статьи ↗

296

155

5м

Закрытый

3.8 Ссылки ↗

285

152

5м

Закрытый

3.9 Изображения ↗

274

146

7м

Закрытый

3.10 Комментарии ↗

272

144

4м

Закрытый

3.11 Упражнение - Вёрстка статьи 2 ↗

274

142

3м

Закрытый

3.12 Тест - Знакомство с HTML ↗

279

269

1м

4. Семантика и HTML5

8 уроков

Закрытый

4.1 Что такое HTML5? ↗

276

5м

Закрытый

4.2 Блочные и строчные элементы ↗

270

140

7м

Закрытый

4.3 Sup и sub ↗

267

133

4м

Закрытый

4.4 Сущности HTML ↗

263

133

5м

Закрытый

4.5 Семантическая разметка ↗

255

127

8м

Закрытый

4.6 Упражнение - Разметка сайта ↗

258

130

11м

Закрытый

4.7 Screen Readers ↗

253

128

9м

Закрытый

4.8 Тест - Семантика и HTML5 ↗

257

253

1м

5. Таблицы

5 уроков

Закрытый

5.1 Создание таблиц ↗

258

127

9м

Закрытый

5.2 Доступность таблиц ↗

247

128

6м

Закрытый

5.3 Colspan, rowspan ↗

245

123

6м

Закрытый

5.4 Упражнение - Вёрстка таблицы ↗

241

114

7м

Закрытый

5.5 Тест - Таблицы ↗

241

235

1м

6. Формы

12 уроков

Закрытый

6.1 Form ↗

248

131

10м

Закрытый

6.2 Input ↗

241

125

8м

Закрытый

6.3 Label ↗

233

122

10м

Закрытый

6.4 Кнопки ↗

230

120

7м

Закрытый

6.5 Name ↗

232

120

8м

Закрытый

6.6 Упражнение - Поиск YouTube ↗

231

116

5м

Закрытый

6.7 Radio, Checkbox, Select ↗

224

112

11м

Закрытый

6.8 Range ↗

220

4м

Закрытый

6.9 Textarea ↗

219

4м

Закрытый

6.10 Валидация форм ↗

224

110

14м

Закрытый

6.11 Упражнение - Форма контактов ↗

220

108

7м

Закрытый

6.12 Тест - Формы ↗

222

213

1м

7. Основы CSS

8 уроков

Закрытый

7.1 Для чего нужен CSS ↗

227

114

6м

Закрытый

7.2 Способы стилизации ↗

221

113

10м

Закрытый

7.3 Цвет и фон ↗

216

114

5м

Закрытый

7.4 Работа с цветами ↗

215

111

14м

Закрытый

7.5 Упражнение - Цвета формы ↗

212

108

6м

Закрытый

7.6 Стилизация текста ↗

211

109

12м

Закрытый

7.7 Font family ↗

212

111

10м

Закрытый

7.8 Тест - Основы CSS ↗

219

210

1м

8. Работа с Figma

4 урока

Закрытый

8.1 Разбор интерфейса ↗

215

106

10м

Закрытый

8.2 Компоненты и свойства ↗

194

100

11м

Закрытый

8.3 Экспорт графики ↗

190

100

8м

Закрытый

8.4 Измерение расстояний ↗

188

4м

9. CSS Selectors

8 уроков

Закрытый

9.1 Выбор элементов ↗

200

106

6м

Закрытый

9.2 ID элемента ↗

195

105

6м

Закрытый

9.3 Выбор по классу ↗

192

105

6м

Закрытый

9.4 Выбор по атрибуту ↗

193

105

5м

Закрытый

9.5 Упражнение - Стиль страницы ↗

191

10м

Закрытый

9.6 Дочерние элементы ↗

188

101

7м

Закрытый

9.7 Соседние элементы ↗

190

4м

Закрытый

9.8 Тест - CSS Selectors ↗

192

190

0м

10. Псевдоклассы и элементы

6 уроков

Закрытый

10.1 Псевдоклассы ↗

191

11м

Закрытый

10.2 Псевдоклассы с параметрами ↗

186

9м

Закрытый

10.3 Псевдоэлементы ↗

184

6м

Закрытый

10.4 Стили списков ↗

182

9м

Закрытый

10.5 Упражнение - Дизайн списка ↗

177

7м

Закрытый

10.6 Тест - Псевдоклассы и элементы ↗

181

179

1м

11. Каскад

5 уроков

Закрытый

11.1 Каскад CSS ↗

185

7м

Закрытый

11.2 Специфичность стилей ↗

179

15м

Закрытый

11.3 Important ↗

176

6м

Открытый

11.4 Наследование в CSS ↗

392

133

8м

Закрытый

11.5 Тест - Каскад ↗

179

174

1м

12. Блочная модель

7 уроков

Закрытый

12.1 О блочной модели ↗

183

5м

Закрытый

12.2 Ширина и высота ↗

168

9м

Закрытый

12.3 Границы ↗

169

12м

Закрытый

12.4 Padding ↗

165

9м

Закрытый

12.5 Margin ↗

162

5м

Закрытый

12.6 Упражнение - Добавление отступов ↗

166

18м

Закрытый

12.7 Тест - Блочная модель ↗

167

162

1м

13. Поток документа

7 уроков

Закрытый

13.1 Поток документа ↗

168

5м

Закрытый

13.2 Float ↗

164

9м

Закрытый

13.3 Display ↗

163

11м

Закрытый

13.4 Position ↗

164

15м

Закрытый

13.5 Text-align ↗

161

6м

Закрытый

13.6 Упражнение - Label формы ↗

156

18м

Закрытый

13.7 Тест - Поток документа ↗

160

154

1м

14. Единицы измерения

5 уроков

Закрытый

14.1 Проценты ↗

161

1м

Закрытый

14.2 Em ↗

155

8м

Закрытый

14.3 Rem ↗

154

6м

Закрытый

14.4 Vh и vw ↗

152

6м

Закрытый

14.5 Тест - Единицы измерения ↗

157

151

1м

15. Анимация

6 уроков

Закрытый

15.1 Transition ↗

157

8м

Закрытый

15.2 Transition timing functions ↗

144

11м

Закрытый

15.3 Анализ анимации ↗

146

4м

Закрытый

15.4 Transform ↗

145

1м

Закрытый

15.5 Animation ↗

146

11м

Закрытый

15.6 Тест - Анимация ↗

150

144

1м

16. Адаптивная вёрстка

8 уроков

Закрытый

16.1 Что такое адаптивная вёрстка ↗

152

5м

Закрытый

16.2 Media выражения ↗

146

9м

Закрытый

16.3 Max и min width ↗

143

6м

Закрытый

16.4 Шрифты и vmin ↗

143

4м

Закрытый

16.5 Calc ↗

142

6м

Закрытый

16.6 Min и max ↗

138

6м

Закрытый

16.7 Clamp ↗

137

5м

Закрытый

16.8 Тест - Адаптивная вёрстка ↗

143

138

1м

17. CSS Flexbox

16 уроков

👁 2 170

👤 1 209

Закрытый

17.1 О flexbox ↗

150

4м

Закрытый

17.2 Введение во Flexbox ↗

145

5м

Закрытый

17.3 Работа с flex-direction ↗

141

4м

Закрытый

17.4 Flex-wrap ↗

137

7м

Закрытый

17.5 Порядок элементов ↗

138

6м

Закрытый

17.6 Flex-flow ↗

138

2м

Закрытый

17.7 Justify-content ↗

138

9м

Закрытый

17.8 Align-items ↗

136

5м

Закрытый

17.9 Align-content ↗

132

5м

Закрытый

17.10 Align-self ↗

134

3м

Закрытый

17.11 Размеры и flex ↗

131

5м

Закрытый

17.12 Flex-grow, flex-shrink и flex-basis ↗

132

10м

Закрытый

17.13 Flex-wrap с flex-basis ↗

129

6м

Закрытый

17.14 Gap row-gap column-gap ↗

128

8м

Закрытый

17.15 Auto margin ↗

128

4м

Закрытый

17.16 Тест - CSS Flexbox ↗

133

126

3м

18. Практика flexbox

4 урока

Закрытый

18.1 Подключение шрифтов ↗

130

8м

Закрытый

18.2 Google Fonts ↗

126

6м

Закрытый

18.3 Упражнение - Вёрстка hero ↗

127

16м

Закрытый

18.4 Упражнение - финал вёрстки ↗

127

11м

19. Методологии и практики

4 урока

Закрытый

19.1 Зачем методологии ↗

126

5м

Закрытый

19.2 БЭМ ↗

128

18м

Закрытый

19.3 SMACSS ↗

125

11м

Закрытый

19.4 Custom Properties ↗

120

9м

20. Проект - Вёрстка страницы школы

11 уроков

Закрытый

20.1 Подготовка проекта ↗

126

5м

Закрытый

20.2 Вёрстка шапки ↗

118

23м

Закрытый

20.3 Шрифты и адаптив шапки ↗

110

1м

Закрытый

20.4 Упражнение - Hero ↗

110

19м

Закрытый

20.5 Адаптив Hero ↗

104

12м

Закрытый

20.6 Aria атрибуты ↗

103

11м

Закрытый

20.7 Вёрстка футера ↗

101

13м

Закрытый

20.8 Стилизация футера ↗

101

16м

Закрытый

20.9 Адаптив футера ↗

103

6м

Закрытый

20.10 Упражнение - Блог ↗

104

32м

Закрытый

20.11 Упражнение - Адаптив блога ↗

100

4м

21. CSS Grid

15 уроков

👁 1 548

👤 873

Закрытый

21.1 Подготовка проекта ↗

118

6м

Закрытый

21.2 Template и gap ↗

111

8м

Закрытый

21.3 Grid-auto-flow ↗

107

4м

Закрытый

21.4 Ширина колонок ↗

107

6м

Закрытый

21.5 Ширина элементов ↗

103

7м

Закрытый

21.6 Положение элементов ↗

104

7м

Закрытый

21.7 Именованные линии ↗

101

6м

Закрытый

21.8 Auto-fit и auto-fill ↗

101

5м

Закрытый

21.9 Адаптивный grid ↗

102

6м

Закрытый

21.10 Order ↗

3м

Закрытый

21.11 Justify и align ↗

100

9м

Закрытый

21.12 Заполнение grid ↗

7м

Закрытый

21.13 Template-areas ↗

12м

Закрытый

21.14 Лучшие практики ↗

8м

Закрытый

21.15 Тест - CSS Grid ↗

100

2м

22. Проект - Практика Grid

8 уроков

Закрытый

22.1 Разбор макета ↗

112

8м

Закрытый

22.2 Упражнение - Вёрстка сетки ↗

11м

Закрытый

22.3 Overflow и white-space ↗

7м

Закрытый

22.4 Scrollbar ↗

4м

Закрытый

22.5 Упражнение - Вёрстка карточки ↗

19м

Закрытый

22.6 Адаптив списка курсов ↗

6м

Закрытый

22.7 Упражнение - Нам доверяют ↗

15м

Закрытый

22.8 Финальный адаптив ↗

10м

23. Финал курса

1 урок

Закрытый

23.1 Куда дальше? ↗

123

2м

2. JavaScript Advanced — продвинутые концепции языка и ООП 4.933

303

142

18 ч.

1. Вводное видео

5 уроков

Открытый

1.1 Продвинутый JavaScript ↗

527

103

5м

Открытый

1.2 Как устроен курс ↗

556

10м

Открытый

1.3 Обзор проекта ↗

498

5м

Открытый

1.4 Обзор курсов ↗

396

2м

Открытый

1.5 Перенос курса ↗

187

0м

2. Настройка окружения

4 урока

Закрытый

2.1 Настройка окружения ↗

195

6м

Закрытый

2.2 Установка NodeJS ↗

184

5м

Закрытый

2.3 Настройки VSCode ↗

185

6м

Закрытый

2.4 Настройка проекта ↗

192

6м

3. Maps и Sets

10 уроков

Закрытый

3.1 Структура Set ↗

206

3м

Закрытый

3.2 Sets ↗

200

14м

Закрытый

3.3 Структура Map ↗

195

10м

Закрытый

3.4 Основы работы с Map ↗

192

11м

Закрытый

3.5 Быстрое создание Map ↗

187

6м

Закрытый

3.6 Итерация по Map ↗

185

5м

Закрытый

3.7 Упражнение - swap ключей и значений ↗

182

4м

Закрытый

3.8 WeakMap ↗

182

11м

Закрытый

3.9 WeakSet ↗

172

3м

Закрытый

3.10 Тест - Maps и Sets ↗

179

172

2м

4. Расчёты и math

10 уроков

Закрытый

4.1 Конвертация и проверка чисел ↗

175

14м

Закрытый

4.2 Библиотека Math ↗

158

9м

Закрытый

4.3 Округление ↗

156

6м

Закрытый

4.4 Упражнение - Функция случайного числа ↗

154

4м

Закрытый

4.5 Оператор остатка от деления ↗

151

4м

Закрытый

4.6 Разделитель чисел ↗

151

6м

Закрытый

4.7 Работа с BigInt ↗

152

10м

Закрытый

4.8 Интернационализация чисел ↗

154

9м

Закрытый

4.9 Упражнение - Конвертер валют ↗

154

9м

Закрытый

4.10 Тест - Расчёты и math ↗

157

156

1м

5. Даты и время

6 уроков

Закрытый

5.1 Создание дат ↗

161

14м

Закрытый

5.2 Операции с датами ↗

155

7м

Закрытый

5.3 Сравнение дат ↗

153

4м

Закрытый

5.4 Упражнение - Проверка на день рождения ↗

147

5м

Закрытый

5.5 Интернационализация дат ↗

149

8м

Закрытый

5.6 Тест - Дата и время ↗

153

149

1м

6. Таймеры

6 уроков

Закрытый

6.1 Создание таймеров ↗

160

7м

Закрытый

6.2 Таймеры и Event Loop ↗

158

6м

Закрытый

6.3 Точность таймеров ↗

158

6м

Закрытый

6.4 Работа с интервалами ↗

154

4м

Закрытый

6.5 Упражнение - Таймер пиццы ↗

155

8м

Закрытый

6.6 Тест - Таймеры ↗

158

156

2м

7. Объектно ориентированное программирование

7 уроков

Закрытый

7.1 Что такое ООП ↗

177

17м

Закрытый

7.2 Реализация ООП в JS ↗

168

6м

Закрытый

7.3 Оператор new ↗

166

9м

Закрытый

7.4 Prototype ↗

165

14м

Закрытый

7.5 Упражнение - Корзина товаров ↗

161

8м

Закрытый

7.6 Цепочки prototype ↗

158

10м

Закрытый

7.7 Тест - Объектно ориентированное программирование ↗

161

157

1м

8. Классы

7 уроков

Закрытый

8.1 Классы ↗

158

9м

Закрытый

8.2 Setters и getters ↗

155

12м

Закрытый

8.3 Static ↗

151

7м

Закрытый

8.4 Приватные методы и свойства ↗

151

8м

Закрытый

8.5 Упражнение - класс пользователя ↗

149

12м

Закрытый

8.6 Object.create ↗

144

8м

Закрытый

8.7 Тест - Классы ↗

149

148

1м

9. Принципы ООП в классах

8 уроков

Закрытый

9.1 Абстракция и инкапсуляция ↗

149

9м

Закрытый

9.2 Наследование ↗

144

13м

Открытый

9.3 Наследование в ES6 ↗

253

7м

Закрытый

9.4 Override методов ↗

142

6м

Закрытый

9.5 Упражнение - Удар по орку ↗

141

10м

Закрытый

9.6 Полиморфизм ↗

142

8м

Закрытый

9.7 Паттерн Builder и chaining ↗

138

8м

Закрытый

9.8 Тест - Принципы ООП в классах ↗

143

141

1м

10. SOLID

7 уроков

Закрытый

10.1 О SOLID ↗

144

5м

Закрытый

10.2 Принцип единой ответственности ↗

137

6м

Закрытый

10.3 Принцип открытости и закрытости ↗

135

7м

Закрытый

10.4 Принцип подстановки Барбары Лисков ↗

131

6м

Закрытый

10.5 Принцип разделения интерфейса ↗

130

6м

Закрытый

10.6 Принцип инверсии зависимостей ↗

130

6м

Закрытый

10.7 Тест - SOLID ↗

134

131

1м

11. Асинхронный JavaScript

8 уроков

Закрытый

11.1 Асинхронный код в JS ↗

151

8м

Закрытый

11.2 Запросы на сервер ↗

147

17м

Закрытый

11.3 Пример работы с Insomnia ↗

145

9м

Закрытый

11.4 JSON ↗

144

5м

Закрытый

11.5 Получение данных ↗

143

9м

Закрытый

11.6 Упражнение - Расчёт цены ↗

140

5м

Закрытый

11.7 Проблемы callback ↗

140

6м

Закрытый

11.8 Тест - Асинхронный JavaScript ↗

137

134

1м

12. Promises

9 уроков

Закрытый

12.1 Promises и fetch ↗

145

5м

Закрытый

12.2 Обработка promises ↗

138

8м

Закрытый

12.3 Цепочка promise ↗

136

7м

Закрытый

12.4 Обработка reject ↗

133

9м

Закрытый

12.5 Finally ↗

133

4м

Закрытый

12.6 Упражнение - Select выбора категорий ↗

131

7м

Закрытый

12.7 Ручное создание ошибок ↗

128

8м

Закрытый

12.8 Упражнение - Функция запросов ↗

124

6м

Закрытый

12.9 Тест - Promises ↗

131

129

3м

13. Event Loop

6 уроков

Закрытый

13.1 Как работает асинхронность ↗

134

10м

Закрытый

13.2 Пример работы Event Loop ↗

129

7м

Закрытый

13.3 Создание простого Promise ↗

128

9м

Закрытый

13.4 Статические методы Promise ↗

127

6м

Закрытый

13.5 Упражнение - создание fetch ↗

126

8м

Закрытый

13.6 Тест - Event Loop ↗

129

128

1м

14. Современный Асинхронный JavaScript

10 уроков

Закрытый

14.1 Async await ↗

131

8м

Закрытый

14.2 Try catch ↗

129

9м

Закрытый

14.3 Упражнение - Мой город ↗

125

9м

Закрытый

14.4 Асинхронные методы ↗

125

4м

Закрытый

14.5 Последовательность выполнения ↗

124

7м

Закрытый

14.6 Параллельное выполнение ↗

122

10м

Закрытый

14.7 Другие комбинации Promise ↗

121

9м

Закрытый

14.8 Все возможности fetch ↗

121

6м

Закрытый

14.9 Упражнение - Генератор активностей ↗

121

12м

Закрытый

14.10 Тест - Современный Асинхронный JavaScript ↗

122

121

3м

15. Продвинутый DOM и Events

12 уроков

Закрытый

15.1 Как работает DOM ↗

127

11м

Закрытый

15.2 Работа с элементами ↗

120

10м

Закрытый

15.3 Визуальное положение элементов ↗

119

10м

Закрытый

15.4 Типы событий и обработчики ↗

115

11м

Закрытый

15.5 Всплытие событий ↗

116

6м

Закрытый

15.6 Пример всплытия событий ↗

115

1м

Закрытый

15.7 Делегирование событий ↗

113

8м

Закрытый

15.8 Перемещение по DOM ↗

111

10м

Закрытый

15.9 Жизненный цикл событий DOM ↗

110

5м

Закрытый

15.10 Упражнение - Поиск по списку ↗

110

6м

Закрытый

15.11 Загрузка скриптов defer и async ↗

108

8м

Закрытый

15.12 Тест - Продвинутый DOM и Events ↗

115

112

1м

16. Модульность

7 уроков

Закрытый

16.1 Модули в JavaScript ↗

117

9м

Закрытый

16.2 IIFE в модулях ↗

109

8м

Закрытый

16.3 Модули commonjs ↗

107

5м

Закрытый

16.4 ES6 модули ↗

109

9м

Закрытый

16.5 Await на верхнем уровне ↗

107

5м

Закрытый

16.6 Процесс сборки ↗

106

10м

Закрытый

16.7 Тест - Модульность ↗

113

109

0м

17. Работа с NPM

5 уроков

Закрытый

17.1 Обзор NPM ↗

114

10м

Закрытый

17.2 Авторизация и профиль ↗

108

6м

Закрытый

17.3 Разбор package json ↗

104

8м

Закрытый

17.4 Управление зависимостями ↗

105

24м

Закрытый

17.5 Тест - Работа с NPM ↗

103

100

1м

18. Проект - Библиотека книг

14 уроков

Закрытый

18.1 Обзор проекта ↗

120

7м

Закрытый

18.2 Настройка проекта ↗

105

7м

Закрытый

18.3 Конфигурация сборщика ↗

102

13м

Закрытый

18.4 View страниц и роутинг ↗

100

16м

Закрытый

18.5 State и реактивности ↗

15м

Закрытый

18.6 Первый компонент ↗

12м

Закрытый

18.7 Вёрстка шапки ↗

11м

Закрытый

18.8 Компонент поиска ↗

14м

Закрытый

18.9 Поиск книг ↗

9м

Закрытый

18.10 Упражнение - Состояние загрузки ↗

11м

Закрытый

18.11 Вёрстка карточки ↗

23м

Закрытый

18.12 Упражнение - Добавление в избранное ↗

8м

Закрытый

18.13 Упражнение - Избранное ↗

9м

Закрытый

18.14 Развитие проекта ↗

6м

19. Заключение

1 урок

Закрытый

19.1 Куда двигаться дальше? ↗

3м

3. JavaScript с нуля — основы языка и практика для начинающих 4.87

397

156

21 ч.

1. Введение

5 уроков

Открытый

1.1 Почему JavaScript? ↗

592

142

6м

Открытый

1.2 Как устроен курс? ↗

605

145

9м

Открытый

1.3 Обзор проектов ↗

533

118

5м

Открытый

1.4 Обзор курсов ↗

454

2м

Открытый

1.5 Перенос курса ↗

257

0м

2. Настройка окружения

3 урока

Закрытый

2.1 Настройка окружения ↗

326

102

6м

Закрытый

2.2 Установка NodeJS ↗

319

5м

Закрытый

2.3 Настройки VSCode ↗

312

6м

3. Старт проекта

3 урока

Закрытый

3.1 О JavaScript ↗

318

102

12м

Закрытый

3.2 Подключение JS файлов ↗

316

100

6м

Закрытый

3.3 Работа с git и GitHub ↗

312

19м

4. Основы

10 уроков

Закрытый

4.1 Переменные и значения ↗

320

107

13м

Закрытый

4.2 Арифметические операторы ↗

305

10м

Закрытый

4.3 Операторы присваивания и сравнения ↗

297

7м

Закрытый

4.4 Порядок операторов ↗

294

13м

Закрытый

4.5 Типы данных ↗

294

15м

Закрытый

4.6 Упражнение - Расчёт проекта ↗

293

10м

Закрытый

4.7 Шаблонные строки ↗

292

9м

Закрытый

4.8 Преобразование типов ↗

283

10м

Закрытый

4.9 False из других типов ↗

284

3м

Закрытый

4.10 Тест - Основы ↗

296

283

3м

5. Управление потоком

7 уроков

Закрытый

5.1 If else ↗

287

9м

Закрытый

5.2 Упражнение - Размещение депозита ↗

275

11м

Закрытый

5.3 Операторы равенства ↗

271

5м

Закрытый

5.4 Switch ↗

271

11м

Открытый

5.5 Тернарные операторы ↗

443

111

13м

Закрытый

5.6 Упражнение - Проверка робота ↗

265

9м

Закрытый

5.7 Тест - Управление потоком ↗

268

262

4м

6. Булева логика

6 уроков

Закрытый

6.1 Булева логика ↗

261

6м

Закрытый

6.2 Логические операторы ↗

250

9м

Закрытый

6.3 Операторы с другими типами ↗

249

6м

Закрытый

6.4 Оператор нулевого слияния ↗

251

4м

Закрытый

6.5 Упражнение - Проверка прав ↗

251

10м

Закрытый

6.6 Тест - Булева логика ↗

254

247

4м

7. Функции

9 уроков

Закрытый

7.1 Введение в функции ↗

256

13м

Закрытый

7.2 Анонимные функции ↗

251

6м

Открытый

7.3 Стрелочные функции ↗

432

107

8м

Закрытый

7.4 Упражнение - Упрощение функции ↗

239

2м

Открытый

7.5 Параметры по умолчанию ↗

342

5м

Закрытый

7.6 Условия в функциях ↗

238

6м

Закрытый

7.7 Функции в функциях ↗

234

8м

Закрытый

7.8 Упражнение - Кредит на MacBook ↗

237

16м

Закрытый

7.9 Тест - Функции ↗

244

235

4м

8. Массивы

11 уроков

Закрытый

8.1 Знакомство с массивами ↗

241

13м

Закрытый

8.2 Управление элементами массива ↗

233

10м

Закрытый

8.3 Поиск элемента ↗

234

6м

Закрытый

8.4 Slice, splice, concat, reverse ↗

229

13м

Закрытый

8.5 Из строки в массив и обратно ↗

223

4м

Закрытый

8.6 Упражнение - Обновление списка задач ↗

222

11м

Закрытый

8.7 Принцип DRY ↗

222

6м

Закрытый

8.8 Деструктуризация ↗

220

6м

Закрытый

8.9 Rest оператор ↗

221

5м

Закрытый

8.10 Упражнение - Функция разбора URL ↗

217

13м

Закрытый

8.11 Тест - Массивы ↗

220

212

3м

9. Циклы

8 уроков

Закрытый

9.1 Цикл for ↗

220

9м

Закрытый

9.2 Break и continue ↗

204

7м

Закрытый

9.3 Упражнение - Цикл в обратном порядке ↗

205

5м

Закрытый

9.4 Цикл в цикле ↗

203

8м

Закрытый

9.5 Цикл while ↗

206

8м

Закрытый

9.6 Циклы for of и for in ↗

206

6м

Закрытый

9.7 Упражнение - Расчёт итогового баланса ↗

206

16м

Закрытый

9.8 Тест - Циклы ↗

207

204

2м

10. Функции высшего порядка

5 уроков

Закрытый

10.1 Функции высшего порядка ↗

215

4м

Закрытый

10.2 Callback ↗

211

8м

Закрытый

10.3 Возврат функции ↗

207

6м

Закрытый

10.4 Упражнение - Стрелочные функции ↗

207

3м

Закрытый

10.5 Тест - Функции высшего порядка ↗

210

205

3м

11. Итерации в массивах

12 уроков

Закрытый

11.1 forEach ↗

206

9м

Закрытый

11.2 map ↗

203

10м

Закрытый

11.3 filter ↗

195

7м

Закрытый

11.4 Упражнение - вывод изменений цен ↗

193

4м

Закрытый

11.5 reduce ↗

195

9м

Закрытый

11.6 Упражнение - среднее значение ↗

191

5м

Закрытый

11.7 find и findIndex ↗

191

5м

Закрытый

11.8 Упражнение - реализация some ↗

187

4м

Закрытый

11.9 flat и flatMap ↗

190

5м

Закрытый

11.10 sort ↗

189

9м

Закрытый

11.11 Быстрое создание массивов ↗

186

9м

Закрытый

11.12 Тест - Итерации в массивах ↗

194

180

5м

12. Работа со строками

9 уроков

Закрытый

12.1 Вводное видео ↗

185

1м

Закрытый

12.2 Базовые методы ↗

186

7м

Закрытый

12.3 Упражнение - выделение имени ↗

182

4м

Закрытый

12.4 Преобразование строки ↗

181

9м

Закрытый

12.5 Упражнение - проверка номера ↗

176

9м

Закрытый

12.6 Строки и массивы ↗

176

4м

Закрытый

12.7 Дополнение строк ↗

175

4м

Закрытый

12.8 Упражнение - маскировка карты ↗

173

3м

Закрытый

12.9 Тест - Работа со строками ↗

179

175

2м

13. Объекты

12 уроков

Закрытый

13.1 Знакомство с объектами ↗

183

5м

Закрытый

13.2 Обращение к элементам ↗

180

10м

Закрытый

13.3 Упражнение - сортировка пользователей ↗

175

3м

Закрытый

13.4 Упражнение - преобразование объектов ↗

174

5м

Закрытый

13.5 Методы объектов ↗

173

9м

Закрытый

13.6 Упражнение - кошелёк ↗

169

8м

Закрытый

13.7 Enhance object literals ↗

171

4м

Закрытый

13.8 Итерирование по объекту ↗

168

8м

Закрытый

13.9 Деструктуризация и rest ↗

170

9м

Закрытый

13.10 Optional chaining ↗

169

7м

Закрытый

13.11 Упражнение - склад ↗

165

10м

Закрытый

13.12 Тест - Объекты ↗

168

161

4м

14. Как работает JS под капотом

8 уроков

Закрытый

14.1 Вводное видео ↗

177

2м

Закрытый

14.2 Обзор работы JavaScript ↗

173

13м

Закрытый

14.3 Процесс исполнения JavaScript ↗

170

14м

Закрытый

14.4 Контекст исполнения и stack вызова ↗

166

11м

Закрытый

14.5 Пример работы call stack ↗

162

5м

Закрытый

14.6 Примитивы и объекты ↗

160

13м

Закрытый

14.7 Пример примитивов и объектов ↗

155

9м

Закрытый

14.8 Тест - Как работает JS под капотом ↗

162

161

1м

15. Scope и this

11 уроков

Закрытый

15.1 Scope chain ↗

169

12м

Закрытый

15.2 Strict mode ↗

159

8м

Закрытый

15.3 Пример scope chain ↗

156

9м

Закрытый

15.4 Поднятие ↗

155

11м

Закрытый

15.5 Пример поднятия ↗

150

7м

Закрытый

15.6 Ключевое слово this ↗

154

4м

Закрытый

15.7 Пример использования this ↗

153

10м

Закрытый

15.8 Контекст в методах ↗

151

11м

Закрытый

15.9 Arguments ↗

150

8м

Закрытый

15.10 Упражнение - объект в объекте ↗

148

6м

Закрытый

15.11 Тест - Scope и this ↗

155

148

3м

16. Управление this

8 уроков

Закрытый

16.1 EOL для методов ↗

152

4м

Закрытый

16.2 Call, apply ↗

146

12м

Закрытый

16.3 Bind ↗

145

7м

Закрытый

16.4 Упражнение - управление this ↗

142

4м

Закрытый

16.5 IIFE ↗

147

6м

Открытый

16.6 Замыкания ↗

243

14м

Закрытый

16.7 Упражнение - работа с замыканиями ↗

145

6м

Закрытый

16.8 Тест - Управление this ↗

149

142

4м

17. Document Object Model

12 уроков

Закрытый

17.1 Что такое DOM? ↗

164

7м

Закрытый

17.2 Выбор и манипуляции с элементами ↗

153

10м

Закрытый

17.3 Обработка нажатий ↗

145

9м

Закрытый

17.4 Обработка событий клавиатуры ↗

141

8м

Закрытый

17.5 Работа со стилями и классами ↗

135

9м

Закрытый

17.6 Установка атрибутов ↗

135

5м

Закрытый

17.7 Упражнение - получение DOM элементов ↗

137

7м

Закрытый

17.8 Добавление html на лету ↗

137

9м

Закрытый

17.9 Local storage ↗

132

8м

Закрытый

17.10 JSON ↗

133

8м

Закрытый

17.11 Упражнение - сохранение JSON ↗

127

5м

Закрытый

17.12 Тест - Document Object Model ↗

136

128

2м

18. Проект - трекер привычек

16 уроков

👁 1 688

👤 534

Закрытый

18.1 Обзор макета ↗

150

8м

Закрытый

18.2 Работа с Figma ↗

134

7м

Закрытый

18.3 Вёрстка макета - 1 ↗

138

20м

Закрытый

18.4 Вёрстка макета - 2 ↗

118

29м

Закрытый

18.5 Загрузка и сохранение данных ↗

120

10м

Закрытый

18.6 Работа меню ↗

109

21м

Закрытый

18.7 Рендер шапки ↗

10м

Закрытый

18.8 Упражнение - рендер дней ↗

10м

Закрытый

18.9 FormData API ↗

11м

Закрытый

18.10 Добавление дня ↗

13м

Закрытый

18.11 Упражнение - удаление дня ↗

6м

Закрытый

18.12 Вёрстка попап окна ↗

17м

Закрытый

18.13 Упражнение - появление попап окна ↗

6м

Закрытый

18.14 Select выбора иконки ↗

11м

Закрытый

18.15 Упражнение - форма добавления привычки ↗

17м

Закрытый

18.16 id привычки в url ↗

9м

19. Заключение

1 урок

Закрытый

19.1 Куда дальше? ↗

125

2м

4. React + Next.js 14 — с нуля. TypeScript, Hooks, SSR и CSS Grid 4.765

814

177

22 ч.

1. Введение

6 уроков

Открытый

1.1 Преимущества NextJS ↗

2 019

7м

Открытый

1.2 Как устроен курс ↗

2 871

1 482

6м

Открытый

1.3 Обзор проекта ↗

1 873

3м

Открытый

1.4 Как проходить обновлённый курс ↗

532

5м

Открытый

1.5 Обзор курсов ↗

1 006

2м

Открытый

1.6 Перенос курса ↗

334

0м

2. Настройка окружения

3 урока

Закрытый

2.1 Установка софта ↗

643

584

3м

Закрытый

2.2 Работа с nvm ↗

625

3м

Закрытый

2.3 Настройки VSCode ↗

609

2м

3. TypeScript

12 уроков

Открытый

3.1 Дополнительный курс по TypeScript ↗

1 043

2м

Закрытый

3.2 Вводное видео ↗

598

555

2м

Закрытый

3.3 Компилятор TypeScript ↗

585

3м

Закрытый

3.4 Базовые типы ↗

566

11м

Закрытый

3.5 Interfaces and Types ↗

549

7м

Закрытый

3.6 Упражнение - Interfaces ↗

536

523

2м

Закрытый

3.7 Литеральные типы ↗

530

3м

Закрытый

3.8 Enums ↗

522

8м

Открытый

3.9 Tuple ↗

827

4м

Закрытый

3.10 Generics ↗

520

6м

Закрытый

3.11 JSX ↗

529

7м

Закрытый

3.12 Тест - TypeScript ↗

534

515

1м

4. Старт проекта

11 уроков

Закрытый

4.1 Обзор модуля ↗

571

1м

Закрытый

4.2 О новом router ↗

326

314

2м

Закрытый

4.3 App Router - Развертка проекта ↗

326

2м

Закрытый

4.4 Pages Router - Развертка проекта ↗

551

5м

Закрытый

4.5 App Router - Cтруктура проекта ↗

310

298

5м

Закрытый

4.6 Pages Router - Структура проекта ↗

531

6м

Закрытый

4.7 Настройка eslint ↗

527

510

4м

Закрытый

4.8 Настройка stylelint ↗

512

495

6м

Закрытый

4.9 Отладка в VSCode ↗

500

481

7м

Закрытый

4.10 React Dev Tools ↗

502

2м

Закрытый

4.11 Тест - Старт проекта ↗

502

482

0м

5. Компоненты Head и Document

7 уроков

Закрытый

5.1 Жизненный цикл React ↗

520

9м

Закрытый

5.2 App Router - Задание Meta ↗

288

278

11м

Закрытый

5.3 Pages Router - Компонент head ↗

486

5м

Закрытый

5.4 React Fragment ↗

479

3м

Закрытый

5.5 App Router - Корневой документ ↗

277

3м

Закрытый

5.6 Pages Router - Компонент Document ↗

468

7м

Закрытый

5.7 Тест - Компоненты Head и Document ↗

472

456

1м

6. Figma для разработчика

5 уроков

Закрытый

6.1 Обзор модуля ↗

480

2м

Закрытый

6.2 Разбор интерфейса ↗

447

425

5м

Закрытый

6.3 Свойства компонент ↗

431

4м

Закрытый

6.4 Экспорт графики ↗

422

5м

Закрытый

6.5 Тест - Figma для разработчика ↗

434

427

0м

7. Простые компоненты

13 уроков

Закрытый

7.1 Шрифты и цвета ↗

469

8м

Закрытый

7.2 Первый компонент ↗

450

16м

Открытый

7.3 Update - Библиотека classnames ↗

595

4м

Закрытый

7.4 Classnames ↗

408

13м

Закрытый

7.5 HTMLProps ↗

411

4м

Открытый

7.6 Updated - Детали HTMLprops ↗

509

8м

Закрытый

7.7 SVG Next 13 ↗

217

5м

Закрытый

7.8 Работа с svg ↗

382

360

11м

Закрытый

7.9 Дополнительно - SVG в NextJS 11 ↗

373

353

7м

Открытый

7.10 Дополнительно - Обновление SVGR ↗

456

3м

Закрытый

7.11 Упражнение - Компонент p ↗

363

6м

Закрытый

7.12 Компонент тэга ↗

358

13м

Закрытый

7.13 Тест - Простые компоненты ↗

363

354

1м

8. Statefull компоненты

9 уроков

Закрытый

8.1 App Router - Клиентские компоненты ↗

226

7м

Закрытый

8.2 React Hooks ↗

374

5м

Открытый

8.3 useState ↗

601

5м

Закрытый

8.4 useEffect ↗

348

5м

Закрытый

8.5 Правила использования Hooks ↗

345

2м

Закрытый

8.6 Архитектура компонента рейтинга ↗

351

2м

Закрытый

8.7 Компонент рейтинга - 1 ↗

345

16м

Закрытый

8.8 Компонент рейтинга - 2 ↗

327

11м

Закрытый

8.9 Тест - Statefull компоненты ↗

343

331

1м

9. HOC компоненты

8 уроков

Закрытый

9.1 Что такое HOC? ↗

357

5м

Закрытый

9.2 App Router - Работа с layout ↗

183

10м

Закрытый

9.3 App Router - Группы роутов ↗

178

6м

Закрытый

9.4 App Router - Template ↗

175

2м

Закрытый

9.5 App Router - Структура проекта ↗

174

6м

Закрытый

9.6 Pages Router - Layout ↗

315

10м

Закрытый

9.7 Pages Router - Пишем HOC withLayout ↗

303

4м

Закрытый

9.8 Тест - HOC компоненты ↗

324

313

0м

10. CSS Grid

9 уроков

Закрытый

10.1 Обзор модуля ↗

337

2м

Открытый

10.2 Template и gap ↗

455

12м

Закрытый

10.3 Justify и align ↗

294

7м

Закрытый

10.4 Распределение ячеек ↗

289

9м

Закрытый

10.5 Template-area ↗

287

9м

Закрытый

10.6 Лучшие практики ↗

296

3м

Закрытый

10.7 Вёрстка layout ↗

299

10м

Закрытый

10.8 Упражнение - Вёрстка footer ↗

286

9м

Закрытый

10.9 Тест - CSS Grid ↗

306

295

1м

11. Server side rendering

12 уроков

Закрытый

11.1 Переменные окружения ↗

334

5м

Закрытый

11.2 Как работает SSR? ↗

319

15м

Закрытый

11.3 App Router - SSR в NextJS ↗

177

9м

Закрытый

11.4 Pages Router - SSR в NextJS ↗

299

13м

Закрытый

11.5 App Router - Получение данных ↗

171

13м

Закрытый

11.6 App Router - Динамические страницы ↗

155

6м

Закрытый

11.7 App Router - notFound ↗

147

5м

Закрытый

11.8 App Router - generateStaticParams ↗

149

5м

Закрытый

11.9 App Router - Ревалидация страниц ↗

145

7м

Закрытый

11.10 Pages Router - Использование getStaticProps ↗

271

10м

Закрытый

11.11 Pages Router - Использование getStaticPaths ↗

254

17м

Закрытый

11.12 Тест - Server side rendering ↗

283

278

1м

12. Контекст

5 уроков

Закрытый

12.1 useContext ↗

293

6м

Закрытый

12.2 App Router - Работа с контекстом ↗

149

6м

Открытый

12.3 Пишем свой контекст ↗

446

16м

Закрытый

12.4 Вёрстка меню ↗

263

34м

Закрытый

12.5 Тест - Контекст ↗

250

237

0м

13. Роутинг

10 уроков

Закрытый

13.1 Компонент Link ↗

264

6м

Закрытый

13.2 useRouter ↗

237

10м

Закрытый

13.3 Упражнение - Добавление страниц ↗

209

1м

Закрытый

13.4 Структура роутинга ↗

214

17м

Закрытый

13.5 Вёрстка Sidebar ↗

186

4м

Закрытый

13.6 Тест - Роутинг ↗

203

193

1м

Закрытый

13.7 Обновление компонента Link ↗

100

4м

Закрытый

13.8 App Router - Параллельные роуты ↗

4м

Закрытый

13.9 App Router - Loading ↗

3м

Закрытый

13.10 App Router - Error page ↗

7м

14. Страница продуктов

10 уроков

Закрытый

14.1 Компоненты страниц ↗

201

7м

Закрытый

14.2 Вёрстка страницы продуктов - 1 ↗

166

36м

Закрытый

14.3 Regex отображения цены ↗

157

7м

Закрытый

14.4 Упражнение - Доработка страницы ↗

149

1м

Закрытый

14.5 Вёрстка страницы продуктов - 2 ↗

152

17м

Закрытый

14.6 Вставка HTML ↗

147

3м

Закрытый

14.7 useReducer ↗

164

3м

Закрытый

14.8 Компонент сортировки ↗

157

12м

Закрытый

14.9 Reducer сортировки ↗

152

12м

Закрытый

14.10 Тест - Страница продуктов ↗

168

158

1м

15. Компонент продукта

10 уроков

Закрытый

15.1 Компонент Input ↗

173

7м

Закрытый

15.2 Упражнение - Компонент Textarea ↗

155

3м

Закрытый

15.3 Компонент поиска ↗

151

13м

Закрытый

15.4 Компонент продукта - планирование ↗

144

11м

Закрытый

15.5 Компонент продукта - сетка ↗

137

22м

Закрытый

15.6 Компонент продукта - стили ↗

137

18м

Закрытый

15.7 Склонение слов ↗

143

13м

Закрытый

15.8 Компонент Image ↗

141

12м

Закрытый

15.9 Компонент продукта - адаптив ↗

136

18м

Закрытый

15.10 Тест - Компонент продукта ↗

153

143

1м

16. Работа с формами

10 уроков

Закрытый

16.1 Компонент отзыва ↗

155

25м

Закрытый

16.2 Форма отзыва ↗

138

22м

Закрытый

16.3 useForm ↗

149

12м

Закрытый

16.4 Работа с формами ↗

143

10м

Закрытый

16.5 Проброс ref ↗

138

6м

Закрытый

16.6 Обработка ошибок ↗

133

12м

Закрытый

16.7 Упражнение - Обработка ошибок Rating ↗

126

5м

Закрытый

16.8 Отправка запроса со страницы ↗

131

16м

Закрытый

16.9 useRef ↗

132

7м

Закрытый

16.10 Упражнение - Исправление бага useReducer ↗

128

5м

17. Анимация на Framer Motion

11 уроков

Закрытый

17.1 Вводное видео ↗

150

5м

Закрытый

17.2 Принципы анимации ↗

144

7м

Закрытый

17.3 Анимация меню ↗

144

12м

Закрытый

17.4 Анимация сортировки ↗

124

4м

Закрытый

17.5 Пишем свой hook ↗

115

8м

Закрытый

17.6 useAnimation ↗

118

11м

Закрытый

17.7 Упражнение - Анимация отзывов ↗

110

6м

Закрытый

17.8 Динамическая иконка ↗

108

11м

Закрытый

17.9 Мобильное меню ↗

114

17м

Закрытый

17.10 Жесты и MotionValues ↗

110

7м

Закрытый

17.11 Производительность ↗

107

1м

18. Доступность

14 уроков

Закрытый

18.1 Виды доступности ↗

118

5м

Закрытый

18.2 Цветовая доступность ↗

108

11м

Закрытый

18.3 Доступность меню с клавиатуры ↗

103

20м

Закрытый

18.4 Доступность форм с клавиатуры ↗

23м

Закрытый

18.5 Упражнение - доступность сортировки ↗

2м

Закрытый

18.6 ARIA атрибуты ↗

100

13м

Закрытый

18.7 Использование Screen Reader ↗

100

13м

Закрытый

18.8 Aria-label и aria-labelledby ↗

10м

Закрытый

18.9 Aria-hidden ↗

9м

Закрытый

18.10 Добавление landmarks ↗

6м

Закрытый

18.11 Доступность форм ↗

15м

Закрытый

18.12 Упражнение - Доступность оповещений ↗

5м

Закрытый

18.13 Доступность меню и списка ↗

22м

Закрытый

18.14 Уменьшение движения ↗

103

5м

19. Подготовка к production

11 уроков

Закрытый

19.1 Font ↗

126

4м

Закрытый

19.2 Script ↗

4м

Закрытый

19.3 App Router - Расчёт meta ↗

3м

Закрытый

19.4 Page Router - Добавление meta на страницу ↗

126

8м

Закрытый

19.5 Установка метрики ↗

128

7м

Закрытый

19.6 Husky ↗

139

6м

Закрытый

19.7 Next export ↗

137

8м

Закрытый

19.8 Страницы 404, 500 ↗

135

8м

Закрытый

19.9 Сборка контейнера Docker ↗

153

18м

Закрытый

19.10 Запуск через docker-compose ↗

139

9м

Закрытый

19.11 Github actions ↗

167

12м

5. TypeScript с нуля — полный курс и паттерны проектирования 4.885

964

147

21 ч.

1. Введение

5 уроков

Открытый

1.1 Почему TypeScript? ↗

1 282

224

13м

Открытый

1.2 Как устроен курс? ↗

1 275

228

7м

Открытый

1.3 Обзор проекта ↗

1 099

198

3м

Открытый

1.4 Обзор курсов ↗

913

2м

Открытый

1.5 Перенос курса ↗

420

0м

2. Настройка окружения

3 урока

Закрытый

2.1 Подготовка окружения ↗

787

171

5м

Закрытый

2.2 Установка NodeJS ↗

748

162

7м

Закрытый

2.3 Настройки VSCode ↗

736

162

5м

3. Основные типы

12 уроков

Закрытый

3.1 Вводное видео ↗

775

189

2м

Закрытый

3.2 Подготовка проекта ↗

773

189

6м

Закрытый

3.3 Использование типов ↗

761

191

10м

Закрытый

3.4 Типы в функциях ↗

752

190

10м

Закрытый

3.5 Объекты ↗

744

178

7м

Закрытый

3.6 Упражнение - Типизируем объект ↗

734

177

4м

Закрытый

3.7 Массивы ↗

727

178

8м

Открытый

3.8 Tuples ↗

985

201

10м

Закрытый

3.9 Readonly ↗

713

172

6м

Закрытый

3.10 Enums ↗

705

170

20м

Закрытый

3.11 Упражнение - Типизируем функцию ↗

695

166

8м

Закрытый

3.12 Тест - Основные типы ↗

691

675

2м

4. Продвинутые типы

17 уроков

👁 10 641

👤 2 973

Закрытый

4.1 Вводное видео ↗

688

167

2м

Закрытый

4.2 Union ↗

670

170

13м

Закрытый

4.3 Literal Types ↗

666

166

9м

Закрытый

4.4 Type Aliases ↗

657

164

8м

Закрытый

4.5 Interfaces ↗

649

160

10м

Закрытый

4.6 Types или Interfaces? ↗

640

161

6м

Закрытый

4.7 Optional ↗

637

150

11м

Закрытый

4.8 Упражнение - Типизируем ответ сервера ↗

621

148

11м

Закрытый

4.9 Void ↗

617

147

9м

Закрытый

4.10 Unknown ↗

604

145

11м

Открытый

4.11 Never ↗

770

169

16м

Закрытый

4.12 Null ↗

579

139

10м

Закрытый

4.13 Приведение типов ↗

582

140

12м

Закрытый

4.14 Type Guard ↗

582

145

11м

Закрытый

4.15 Упражнение - Делаем typeguard ответа ↗

561

128

6м

Закрытый

4.16 Asserts ↗

553

130

8м

Закрытый

4.17 Тест - Продвинутые типы ↗

565

544

2м

5. Классы

18 уроков

👁 8 482

👤 2 678

Закрытый

5.1 Вводное видео ↗

560

125

7м

Закрытый

5.2 Создание класса ↗

526

124

9м

Закрытый

5.3 Конструктор ↗

513

120

13м

Закрытый

5.4 Методы ↗

511

118

12м

Закрытый

5.5 Упражнение - Перегрузка методов ↗

499

115

8м

Закрытый

5.6 Getter и Setter ↗

500

118

10м

Закрытый

5.7 Implements ↗

491

116

11м

Закрытый

5.8 Extends ↗

476

116

11м

Закрытый

5.9 Особенности наследования ↗

463

114

6м

Закрытый

5.10 Композиция против наследования ↗

463

114

12м

Закрытый

5.11 Видимость свойств ↗

453

113

14м

Закрытый

5.12 Упражнение - Делаем корзину товаров ↗

445

106

18м

Закрытый

5.13 Статические свойства ↗

437

109

10м

Закрытый

5.14 Работа с this ↗

435

110

11м

Закрытый

5.15 Типизация this ↗

433

107

7м

Закрытый

5.16 Абстрактные классы ↗

427

6м

Закрытый

5.17 Упражнение - Делаем абстрактный logger ↗

418

103

7м

Закрытый

5.18 Тест - Классы ↗

432

423

2м

6. Компилятор TypeScript

7 уроков

Закрытый

6.1 Вводное видео ↗

445

102

4м

Закрытый

6.2 Включение и исключение файлов ↗

419

105

9м

Закрытый

6.3 Вывод компиляции ↗

411

100

21м

Закрытый

6.4 Язык и окружение ↗

392

6м

Закрытый

6.5 Модули ↗

390

6м

Закрытый

6.6 Strict режим ↗

389

13м

Закрытый

6.7 Проверки кода ↗

385

14м

7. Generics

10 уроков

Закрытый

7.1 Вводное видео ↗

450

107

3м

Закрытый

7.2 Пример встроенных generic ↗

447

109

6м

Закрытый

7.3 Пишем функцию с generic ↗

439

108

10м

Закрытый

7.4 Упражнение - Функция преобразования в строку ↗

423

100

6м

Закрытый

7.5 Использование в типах ↗

425

104

6м

Закрытый

7.6 Ограничение generic ↗

418

9м

Закрытый

7.7 Упражнение - Функция сортировки id ↗

399

7м

Закрытый

7.8 Generic классы ↗

405

7м

Закрытый

7.9 Mixins ↗

402

17м

Закрытый

7.10 Тест - Generics ↗

401

388

1м

8. Манипуляция с типами

12 уроков

Закрытый

8.1 Вводное видео ↗

398

3м

Открытый

8.2 Keyof ↗

514

111

6м

Закрытый

8.3 Упражнение - Пишем функцию группировки ↗

376

14м

Закрытый

8.4 Typeof ↗

370

7м

Закрытый

8.5 Indexed Access Types ↗

366

12м

Закрытый

8.6 Conditional Types ↗

359

15м

Закрытый

8.7 Infer ↗

346

8м

Закрытый

8.8 Mapped Types ↗

343

11м

Закрытый

8.9 Упражнение - Валидация форм ↗

324

6м

Закрытый

8.10 TypeScript 4.9 - satisfies ↗

212

10м

Закрытый

8.11 Template Literal Types ↗

325

8м

Закрытый

8.12 Тест - Манипуляции с типами ↗

332

320

1м

9. Служебные типы

6 уроков

Закрытый

9.1 Вводное видео ↗

333

2м

Закрытый

9.2 Partial, Required, Readonly ↗

325

6м

Закрытый

9.3 Pick, Omit, Extract, Exclude ↗

320

6м

Закрытый

9.4 ReturnType, Parameters, ConstructorParameters ↗

317

9м

Открытый

9.5 Awaited ↗

445

8м

Закрытый

9.6 Тест - Служебные типы ↗

316

308

0м

10. Декораторы

14 уроков

Закрытый

10.1 Вводное видео ↗

330

5м

Закрытый

10.2 Паттерн декоратора ↗

315

9м

Закрытый

10.3 Декоратор класса ↗

302

10м

Закрытый

10.4 Фабрика декораторов ↗

283

8м

Закрытый

10.5 Упражнение - Декоратор CreatedAt ↗

269

6м

Закрытый

10.6 Декоратор метода ↗

267

11м

Закрытый

10.7 Упражнение - Декоратор перехвата ошибок ↗

252

11м

Закрытый

10.8 Декоратор свойства ↗

238

9м

Закрытый

10.9 Декоратор accessor ↗

231

7м

Закрытый

10.10 Декоратор параметра ↗

229

5м

Закрытый

10.11 Метаданные ↗

235

23м

Закрытый

10.12 Порядок декораторов ↗

227

8м

Закрытый

10.13 TypeScript 5.0 - декораторы и const T ↗

156

11м

Закрытый

10.14 Тест - Декораторы ↗

264

255

0м

11. Модульность и библиотеки

7 уроков

Закрытый

11.1 Вводное видео ↗

291

6м

Закрытый

11.2 Namespaces и reference ↗

263

10м

Закрытый

11.3 Модульность на backend ↗

248

8м

Закрытый

11.4 Модульность на frontend ↗

251

8м

Закрытый

11.5 Import и export ↗

246

10м

Закрытый

11.6 Типизация сторонних библиотек ↗

247

11м

Закрытый

11.7 Тест - Модульность и библиотеки ↗

260

253

1м

12. Порождающие паттерны

6 уроков

Закрытый

12.1 Вводное видео ↗

285

3м

Закрытый

12.2 Factory Method ↗

273

23м

Закрытый

12.3 Singleton ↗

244

11м

Закрытый

12.4 Prototype ↗

235

8м

Открытый

12.5 Builder ↗

343

13м

Закрытый

12.6 Тест - Порождающие паттерны ↗

245

241

0м

13. Структурные паттерны

7 уроков

Закрытый

13.1 Вводное видео ↗

241

2м

Закрытый

13.2 Bridge ↗

221

12м

Закрытый

13.3 Facade ↗

218

10м

Закрытый

13.4 Adapter ↗

208

9м

Закрытый

13.5 Proxy ↗

201

9м

Закрытый

13.6 Composite ↗

195

15м

Закрытый

13.7 Тест - Структурные паттерны ↗

218

208

1м

14. Поведенческие паттерны

10 уроков

Закрытый

14.1 Вводное видео ↗

215

4м

Закрытый

14.2 Chain of Command ↗

189

13м

Закрытый

14.3 Mediator ↗

180

14м

Закрытый

14.4 Command ↗

178

20м

Закрытый

14.5 State ↗

176

16м

Закрытый

14.6 Strategy ↗

168

10м

Закрытый

14.7 Iterator ↗

161

17м

Закрытый

14.8 Template Method ↗

161

11м

Закрытый

14.9 Observer ↗

169

13м

Закрытый

14.10 Тест - Поведенческие паттерны ↗

191

178

0м

15. Проект - Утилита выполнения команд

12 уроков

Закрытый

15.1 Вводное видео ↗

223

3м

Закрытый

15.2 Обзор проекта ↗

193

6м

Закрытый

15.3 Наивная реализация ↗

166

12м

Закрытый

15.4 Старт приложения ↗

155

12м

Закрытый

15.5 Обработка ввода ↗

141

10м

Закрытый

15.6 Обработка вывода ↗

139

8м

Закрытый

15.7 Упражнение - Консольный вывод ↗

135

5м

Закрытый

15.8 Упражнение - Шаблонный метод исполнителя ↗

134

11м

Закрытый

15.9 Упражнение - Builder для ffmpeg ↗

130

13м

Закрытый

15.10 Работа с файлами ↗

131

8м

Закрытый

15.11 Упражнение - Ffmpeg executor ↗

129

13м

Закрытый

15.12 Финал проекта ↗

160

10м

16. Заключение

1 урок

Закрытый

16.1 Куда двигаться дальше? ↗

201

3м

6. Основы Git 4.857

307

5 ч.

1. Введение

4 урока

Закрытый

1.1 Для чего нужен Git? ↗

232

156

7м

Закрытый

1.2 Как устроен курс ↗

199

151

4м

Закрытый

1.3 Обзор курсов ↗

193

2м

Открытый

1.4 Перенос курса ↗

138

0м

2. Базовые команды

4 урока

Закрытый

2.1 Командная строка ↗

196

149

7м

Закрытый

2.2 Базовые команды Linux и Mac ↗

183

138

12м

Закрытый

2.3 Базовые команды Windows ↗

174

134

8м

Закрытый

2.4 Тест - Базовые команды ↗

178

172

1м

3. Начало работы с Git

9 уроков

Закрытый

3.1 Базовые понятия ↗

175

132

9м

Закрытый

3.2 Установка Git Linux и Mac ↗

164

119

4м

Закрытый

3.3 Установка Git Windows ↗

164

122

4м

Закрытый

3.4 Установка VSCode ↗

166

121

4м

Закрытый

3.5 Создание репозитория ↗

168

127

7м

Закрытый

3.6 Git config ↗

163

125

6м

Закрытый

3.7 Первый commit ↗

162

126

7м

Закрытый

3.8 Git log и checkout ↗

159

119

8м

Закрытый

3.9 Тест - Начало работы с Git ↗

162

154

1м

4. Ветки и изменения

6 уроков

Закрытый

4.1 Ветки ↗

157

118

8м

Закрытый

4.2 Слияние ↗

150

119

5м

Закрытый

4.3 HEAD ↗

151

115

6м

Закрытый

4.4 Тэги ↗

147

114

5м

Закрытый

4.5 Switch ↗

146

3м

Закрытый

4.6 Тест - Ветки и изменения ↗

149

145

1м

5. Удаление

11 уроков

Закрытый

5.1 Удаление файлов ↗

144

108

5м

Закрытый

5.2 Откат изменений ↗

140

106

5м

Закрытый

5.3 Vim ↗

137

104

5м

Закрытый

5.4 Amend ↗

137

105

4м

Закрытый

5.5 Reset ↗

134

100

5м

Закрытый

5.6 Удаление веток ↗

132

3м

Закрытый

5.7 Dettached commit ↗

133

102

6м

Закрытый

5.8 Решение конфликтов ↗

131

102

6м

Закрытый

5.9 Gitignore ↗

130

7м

Закрытый

5.10 Gitkeep ↗

129

101

4м

Закрытый

5.11 Тест - Удаление ↗

132

128

2м

6. Продвинутая работа

8 уроков

Закрытый

6.1 Stash ↗

131

9м

Закрытый

6.2 Reflog ↗

119

8м

Закрытый

6.3 Fast-forward merge ↗

117

4м

Закрытый

6.4 Recursive merge ↗

114

7м

Закрытый

6.5 Squash ↗

113

5м

Закрытый

6.6 Rebase ↗

111

8м

Закрытый

6.7 Cherry-pick ↗

110

7м

Закрытый

6.8 Тест - Продвинутая работа ↗

112

105

1м

7. Удалённый репозиторий

13 уроков

Закрытый

7.1 Удалённые репозитории ↗

125

4м

Закрытый

7.2 Создание аккаунта ↗

112

5м

Закрытый

7.3 Создание репозитория ↗

110

6м

Закрытый

7.4 Создание SSH ключа ↗

113

8м

Закрытый

7.5 Git remote ↗

109

3м

Закрытый

7.6 Отправка новых изменений ↗

105

4м

Закрытый

7.7 Remote tracking branches ↗

103

7м

Закрытый

7.8 Local tracking branches ↗

4м

Закрытый

7.9 Upstream ↗

3м

Закрытый

7.10 Клонирование репозитория ↗

4м

Закрытый

7.11 Удаление веток ↗

5м

Закрытый

7.12 Force push ↗

7м

Закрытый

7.13 Тест - Удалённый репозиторий ↗

1м

8. Заключение

1 урок

Закрытый

8.1 Куда двигаться дальше ↗

107

2м

7. Основы React, React Router и Redux Toolkit 5.0

316

136

17 ч.

1. Введение

5 уроков

Открытый

1.1 React и Redux ↗

614

197

6м

Открытый

1.2 Как устроен курс ↗

589

181

9м

Открытый

1.3 Обзор проектов ↗

524

190

3м

Открытый

1.4 Обзор курсов ↗

431

2м

Открытый

1.5 Перенос курса ↗

212

0м

2. Настройка окружения

5 уроков

Закрытый

2.1 Настройка окружения ↗

229

125

4м

Закрытый

2.2 Настройки VSCode ↗

217

117

6м

Закрытый

2.3 Установка Node.js ↗

213

115

7м

Закрытый

2.4 О работе NVM ↗

221

114

16м

Закрытый

2.5 Создание проекта ↗

224

129

8м

3. Компоненты

13 уроков

Закрытый

3.1 Обзор проекта ↗

227

122

6м

Закрытый

3.2 Настройка eslint ↗

222

128

7м

Закрытый

3.3 Что такое компоненты ↗

220

127

6м

Закрытый

3.4 JSX ↗

215

123

9м

Закрытый

3.5 React Fragment ↗

214

125

4м

Закрытый

3.6 Декларативное описание ↗

212

121

4м

Закрытый

3.7 Создание первого компонента ↗

211

125

5м

Закрытый

3.8 Стилизация ↗

212

123

6м

Закрытый

3.9 Динамические данные ↗

212

120

10м

Закрытый

3.10 Props ↗

209

115

7м

Закрытый

3.11 Упражнение - Вывод даты ↗

206

117

3м

Закрытый

3.12 Композиция ↗

206

117

8м

Закрытый

3.13 Тест - Компоненты ↗

209

207

1м

4. События и состояние

12 уроков

Закрытый

4.1 Обработка событий ↗

208

121

6м

Закрытый

4.2 Отрисовка компонент ↗

203

118

5м

Закрытый

4.3 useState ↗

203

120

12м

Закрытый

4.4 Декомпозиция на компоненты ↗

199

115

6м

Закрытый

4.5 Упражнение - Вёрстка layout ↗

196

109

13м

Закрытый

4.6 Работа с SVG ↗

189

105

6м

Закрытый

4.7 Работа с input ↗

181

4м

Закрытый

4.8 Управляемые контролы ↗

180

103

5м

Закрытый

4.9 Отправка формы ↗

180

103

10м

Закрытый

4.10 Statefull и Stateless ↗

182

4м

Закрытый

4.11 Особенности useState ↗

177

102

7м

Закрытый

4.12 Тест - События и состояние ↗

173

169

1м

5. Отображение данных

7 уроков

Закрытый

5.1 Работа со списком данных ↗

178

6м

Закрытый

5.2 Упражнение - Добавление элементов ↗

172

8м

Открытый

5.3 Key в списках ↗

314

118

9м

Закрытый

5.4 Отображение по условию ↗

167

11м

Закрытый

5.5 React Dev Tools ↗

167

7м

Закрытый

5.6 Отладка приложения ↗

166

9м

Закрытый

5.7 Тест - Отображение данных ↗

159

154

1м

6. Стилизация

6 уроков

Закрытый

6.1 Изменение стилей ↗

163

12м

Закрытый

6.2 Динамические классы ↗

160

7м

Закрытый

6.3 CSS модули ↗

157

9м

Закрытый

6.4 Библиотека classnames ↗

157

5м

Закрытый

6.5 Упражнение - стилизация формы ↗

149

14м

Закрытый

6.6 Тест - Стилизация ↗

147

146

1м

7. Другие hooks

13 уроков

Закрытый

7.1 Side Effects ↗

164

5м

Закрытый

7.2 useEffect ↗

157

8м

Закрытый

7.3 Зависимости эффекта ↗

153

7м

Закрытый

7.4 Очистка эффекта ↗

151

7м

Закрытый

7.5 useReducer ↗

152

6м

Закрытый

7.6 Использование useReducer ↗

149

17м

Закрытый

7.7 Упражнение - Очистка формы ↗

140

10м

Закрытый

7.8 Exhaustive-deps ↗

140

5м

Закрытый

7.9 useRef ↗

141

7м

Закрытый

7.10 forwardRef ↗

137

12м

Закрытый

7.11 Создание своего hook ↗

135

14м

Закрытый

7.12 Правила hooks ↗

131

4м

Закрытый

7.13 Тест - Другие hooks ↗

129

124

1м

8. Контекст

8 уроков

Закрытый

8.1 Зачем нужен Context API ↗

139

10м

Закрытый

8.2 Создание контекста ↗

129

8м

Закрытый

8.3 useContext ↗

128

5м

Закрытый

8.4 Методы в контексте ↗

127

5м

Закрытый

8.5 Custom context ↗

128

5м

Закрытый

8.6 Упражнение - работа контекста ↗

125

7м

Закрытый

8.7 Ограничения контекста ↗

123

6м

Закрытый

8.8 Тест - Контекст ↗

121

117

2м

9. Работа React

11 уроков

Закрытый

9.1 Как работает React ↗

129

7м

Закрытый

9.2 Пример работы ↗

126

6м

Закрытый

9.3 Ререндер дочерних компонент ↗

123

8м

Закрытый

9.4 Memo ↗

120

7м

Закрытый

9.5 useCallback ↗

120

4м

Закрытый

9.6 Планировщик state ↗

118

6м

Закрытый

9.7 Batching ↗

119

5м

Закрытый

9.8 useMemo ↗

118

7м

Закрытый

9.9 Упражнение - Просмотр записи ↗

116

11м

Закрытый

9.10 Упражнение - Удаление записи ↗

116

13м

Закрытый

9.11 Тест - Работа React ↗

109

107

1м

10. Переход на TypeScript

8 уроков

Закрытый

10.1 Вводное видео ↗

128

4м

Закрытый

10.2 Обзор проекта ↗

130

4м

Закрытый

10.3 Создание проекта ↗

125

4м

Закрытый

10.4 Типизация компонент ↗

123

15м

Закрытый

10.5 Типизация hooks и событий ↗

121

6м

Закрытый

10.6 Подготовка стилей проекта ↗

115

9м

Закрытый

10.7 Упражнение - Создание кнопки и input ↗

112

12м

Закрытый

10.8 Тест - Переход на TypeScript ↗

108

1м

11. React Router

12 уроков

Закрытый

11.1 О роутинге ↗

122

5м

Закрытый

11.2 Создание роутов ↗

119

8м

Закрытый

11.3 createBrowserRouter ↗

118

5м

Закрытый

11.4 Link ↗

115

6м

Закрытый

11.5 Outlet ↗

113

6м

Закрытый

11.6 Упражнение - Создание Layout ↗

108

17м

Закрытый

11.7 useLocation ↗

111

5м

Закрытый

11.8 NavLink ↗

110

4м

Закрытый

11.9 Упражнение - Заголовок и поиск ↗

108

16м

Закрытый

11.10 Упражнение - Карточка товара ↗

102

26м

Закрытый

11.11 Роуты с параметрами ↗

107

6м

Закрытый

11.12 Тест - React Router ↗

103

1м

12. Взаимодействие с сервером

11 уроков

Закрытый

12.1 Работа с Insomnia ↗

115

6м

Закрытый

12.2 Создание запросов ↗

112

10м

Закрытый

12.3 Подключение axios ↗

110

4м

Закрытый

12.4 Обработка загрузки ↗

107

5м

Закрытый

12.5 Обработка ошибок ↗

101

6м

Закрытый

12.6 loader ↗

104

7м

Закрытый

12.7 errorElement ↗

5м

Закрытый

12.8 lazy ↗

104

6м

Закрытый

12.9 Suspense ↗

100

5м

Закрытый

12.10 defer и Await ↗

100

12м

Закрытый

12.11 Тест - Взаимодействие с сервером ↗

1м

13. Авторизация

7 уроков

Закрытый

13.1 Создание layout входа ↗

104

9м

Закрытый

13.2 Упражнение - Форма логина ↗

14м

Закрытый

13.3 Получение токена ↗

101

13м

Закрытый

13.4 Работа JWT ↗

8м

Закрытый

13.5 Приватные Routes ↗

100

5м

Закрытый

13.6 Хранение в localstorage ↗

7м

Закрытый

13.7 Тест - Авторизация ↗

1м

14. Redux Toolkit

11 уроков

Закрытый

14.1 Что такое Redux ↗

113

7м

Закрытый

14.2 Создание хранилища ↗

106

7м

Закрытый

14.3 Slice пользователя ↗

106

7м

Закрытый

14.4 Первый action ↗

105

9м

Закрытый

14.5 Хранение данных ↗

101

13м

Закрытый

14.6 Запросы в actions ↗

15м

Закрытый

14.7 Обработка ошибок ↗

9м

Закрытый

14.8 Упражнение - Профиль пользователя ↗

12м

Закрытый

14.9 Упражнение - Регистрация ↗

9м

Закрытый

14.10 Корзина товаров ↗

11м

Закрытый

14.11 Тест - Redux Toolkit ↗

1м

15. Завершение проекта

6 уроков

Закрытый

15.1 Упражнение - Поиск товаров ↗

13м

Закрытый

15.2 Компонент корзины ↗

17м

Закрытый

15.3 Редактирование корзины ↗

19м

Закрытый

15.4 Упражнение - Хранение корзины ↗

3м

Закрытый

15.5 Расчёт суммы ↗

11м

Закрытый

15.6 Покупка товаров ↗

14м

16. Заключение

1 урок

Закрытый

16.1 Куда дальше? ↗

3м