Сколько стоит курс «Профессия Frontend-разработчик»?

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

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

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

Какой рейтинг у курса «Профессия Frontend-разработчик»?

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

Где можно пройти курс «Профессия Frontend-разработчик»?

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

Курс на Stepik

Обложка курса «Профессия Frontend-разработчик» на Stepik

12 550 ₽

Профессия Frontend-разработчик ★ 4.966

Name: Профессия Frontend-разработчик
Price: 12550.00 RUB
Availability: InStock
Rating: 4.9665 (5 reviews)

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

Мечтаете о карьере в IT? Пакет курсов "Профессия Frontend-разработчик" - ваш билет в мир веб-разработки! За 6 курсов вы пройдете путь от новичка до профессионала. Вы освоите HTML, CSS, JavaScript, TypeScript и React, научитесь работать с API и инструментами разработчика. Создайте портфолио реальных проектов и станьте востребованным специалистом! Курс ведет опытный разработчик, готовый поделиться секретами профессии.

Показатель	Текущие показатели		Рост
Показатель	Значение	🏆 Рейтинг	3 дн	7 дн	30 дн
Учеников на курсе	445
Сертификатов выдано	0
Отзывов получено	179
Рейтинг курса	4.966
Курсов в пакете	6	—	—	—	—
Количество уроков	615
Количество квизов	314
Количество задач с кодом	19
Время прохождения курса	98 ч.	—
Стоимость курса	12 550 ₽	—
Обновления курса	—	—
Дата публикации курса	2 года назад	—	—	—	—
Последнее обновление	1 год назад	—	—	—	—
Сложность	easy	—	—	—	—

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

Курсы в пакете «Профессия Frontend-разработчик»

6 курсов Уроки в курсе «Профессия Frontend-разработчик»

615 уроков Тесты в курсе «Профессия Frontend-разработчик»

314 тестов Задачи в курсе «Профессия Frontend-разработчик»

19 задач Время прохождения курса «Профессия Frontend-разработчик»

98 ч.

1. React для современных веб-приложений 4.917

1 517

13 ч.

1. Введение

5 уроков

Открытый

1.1 Обзор курса ↗

2 038

4м

Открытый

1.2 Что такое React ↗

1 850

7м

Закрытый

1.3 Пререквизит к курсу ↗

926

843

3м

Закрытый

1.4 Что необходимо установить ↗

909

3м

Закрытый

1.5 Варианты окружения ↗

911

552

10м

2. React и JSX

8 уроков

Открытый

2.1 Библиотеки React и ReactDOM ↗

1 404

714

9м

Закрытый

2.2 Простое приложение на чистом React ↗

879

9м

Закрытый

2.3 Преобразование приложения в JSX ↗

857

777

10м

Открытый

2.4 Особенности JSX ↗

1 541

505

11м

Закрытый

2.5 Разделение приложения на модули ↗

814

6м

Закрытый

2.6 Условная отрисовка ↗

800

3м

Закрытый

2.7 Пример с прелоадером ↗

797

3м

Закрытый

2.8 Проверка знаний ↗

147

135

3м

3. Классовые компоненты

11 уроков

Закрытый

3.1 Разбор составляющих базового React-шаблона ↗

805

14м

Закрытый

3.2 Понятие React-компонента ↗

783

9м

Закрытый

3.3 Состояние компонента и управление им ↗

770

12м

Закрытый

3.4 Нюансы создания методов в классовых компонентах ↗

743

692

9м

Закрытый

3.5 Жизненный цикл компонента ↗

733

18м

Закрытый

3.6 Задание по созданию таймера ↗

703

643

14м

Закрытый

3.7 Работа с коллекциями ↗

677

5м

Закрытый

3.8 Однонаправленный поток данных ↗

664

10м

Закрытый

3.9 Задание на обновление состояния через дочерние компоненты ↗

650

612

8м

Закрытый

3.10 Отличие классовых компонентов от функциональных ↗

647

1м

Закрытый

3.11 Проверка знаний ↗

122

113

2м

4. Работа с формами в React

7 уроков

Закрытый

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

672

10м

Закрытый

4.2 Валидация значений формы ↗

620

7м

Закрытый

4.3 Checkbox, radio button, select ↗

613

9м

Закрытый

4.4 Задание на создание формы ↗

590

539

16м

Закрытый

4.5 Использование ref ↗

587

9м

Закрытый

4.6 Неуправляемые компоненты ↗

569

5м

Закрытый

4.7 Проверка знаний ↗

102

2м

5. Проект "Фильмы"

10 уроков

Открытый

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

1 661

708

2м

Закрытый

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

587

16м

Закрытый

5.3 Знакомство с API фильмов ↗

571

7м

Закрытый

5.4 Задание на создание общего списка ↗

550

514

20м

Закрытый

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

524

7м

Закрытый

5.6 Реализация поиска фильмов ↗

505

477

6м

Закрытый

5.7 Добавление фильтрации ↗

500

460

15м

Закрытый

5.8 Обработка неудачного поиска ↗

475

4м

Закрытый

5.9 Безопасное хранение ключа API ↗

485

4м

Закрытый

5.10 Сборка и публикация проекта ↗

494

14м

6. Функциональные React-компоненты

8 уроков

Закрытый

6.1 Работа с состоянием ↗

542

8м

Закрытый

6.2 Кликер ↗

522

498

2м

Закрытый

6.3 Управление жизненным циклом ↗

514

8м

Закрытый

6.4 Использование ref ↗

510

8м

Закрытый

6.5 Рефакторинг таймера ↗

488

463

17м

Закрытый

6.6 Рефакторинг проекта Фильмы ↗

456

8м

Закрытый

6.7 Рефакторинг проекта Фильмы, часть 2 ↗

418

5м

Закрытый

6.8 Проверка знаний ↗

2м

7. Хуки подробно

11 уроков

Закрытый

7.1 useState ↗

528

9м

Закрытый

7.2 useEffect ↗

496

8м

Закрытый

7.3 useContext ↗

482

14м

Закрытый

7.4 useLayoutEffect ↗

456

404

6м

Закрытый

7.5 useCallback, useMemo ↗

445

397

13м

Закрытый

7.6 useImperativeHandle ↗

417

355

7м

Закрытый

7.7 useReducer ↗

421

376

11м

Закрытый

7.8 Пользовательские хуки ↗

412

7м

Закрытый

7.9 Правила использования хуков ↗

399

3м

Закрытый

7.10 Рефакторинг таймера ↗

377

7м

Закрытый

7.11 Проверка знаний ↗

5м

8. Проект "Витрина"

11 уроков

Открытый

8.1 Презентация проекта ↗

2 340

955

1м

Закрытый

8.2 Обзор API ↗

437

371

6м

Закрытый

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

409

10м

Закрытый

8.4 Вывод списка товаров ↗

394

19м

Закрытый

8.5 Состояние заказа ↗

373

8м

Закрытый

8.6 Добавление товара в корзину ↗

364

347

13м

Закрытый

8.7 Создание корзины ↗

353

19м

Закрытый

8.8 Удаление из корзины ↗

332

6м

Закрытый

8.9 Изменение количества товара в корзине ↗

328

308

8м

Закрытый

8.10 Добавление подсказки о добавлении товара ↗

326

15м

Закрытый

8.11 Публикация проекта ↗

334

9м

9. Продвинутое управление состоянием приложения

7 уроков

Закрытый

9.1 Context API и useReducer вместо пропсов ↗

381

2м

Закрытый

9.2 Создание контекста с провайдером ↗

349

6м

Закрытый

9.3 Создание редюсера ↗

326

8м

Закрытый

9.4 Доработка редьюсера ↗

302

290

10м

Закрытый

9.5 Переключение всех компонентов на контекст ↗

298

16м

Закрытый

9.6 Обзор сделанного ↗

305

2м

Закрытый

9.7 Проверка знаний ↗

2м

10. Роутинг и SPA-приложение

14 уроков

Открытый

10.1 Роутинг и SPA, обзор проекта ↗

1 181

519

2м

Закрытый

10.2 Базовый роутинг ↗

380

12м

Закрытый

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

339

4м

Закрытый

10.4 Хуки useParams и useHistory ↗

333

10м

Закрытый

10.5 Хуки useLocation и useRouteMatch ↗

310

3м

Закрытый

10.6 Вложенный роутинг ↗

305

6м

Закрытый

10.7 Обзор API для проекта ↗

309

267

4м

Закрытый

10.8 Настройка методов ↗

290

7м

Закрытый

10.9 Главная страница ↗

294

13м

Закрытый

10.10 Страница категории ↗

267

12м

Закрытый

10.11 Страница рецепта ↗

270

24м

Закрытый

10.12 Поиск на главной ↗

274

18м

Закрытый

10.13 Нюансы публикации SPA ↗

288

3м

Закрытый

10.14 Итоги курса ↗

337

143

20м

2. Redux для управления состоянием React-приложений 5.0

996

103

11 ч.

1. Вводный модуль

5 уроков

Открытый

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

728

3м

Открытый

1.2 Что такое Redux ↗

965

475

4м

Открытый

1.3 Варианты state management для React ↗

645

415

5м

Закрытый

1.4 Пререквизит к курсу ↗

369

329

1м

Закрытый

1.5 Окружение для работы ↗

367

2м

2. Redux

9 уроков

Открытый

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

605

1м

Закрытый

2.2 Три принципа Redux ↗

370

347

5м

Закрытый

2.3 Базовые сущности Redux ↗

362

3м

Закрытый

2.4 Базовое API Redux ↗

361

333

10м

Закрытый

2.5 Пример с кликером ↗

349

325

7м

Закрытый

2.6 Решение задачи с кликером ↗

334

307

2м

Закрытый

2.7 Action creators и их использование ↗

336

13м

Закрытый

2.8 Хранилище по умолчанию ↗

327

307

4м

Закрытый

2.9 Итоги модуля ↗

322

2м

3. React-redux на хуках

12 уроков

Открытый

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

508

1м

Закрытый

3.2 Сущности react-redux ↗

330

5м

Закрытый

3.3 Кликер на React+Redux ↗

332

290

9м

Закрытый

3.4 Todo List на React+Redux ↗

321

295

9м

Закрытый

3.5 Redux DevTools ↗

316

292

6м

Закрытый

3.6 Вариант организации кода #1 ↗

317

14м

Закрытый

3.7 Вариант организации кода #2 ↗

310

6м

Закрытый

3.8 Альтернативная точка входа ↗

304

4м

Закрытый

3.9 Вариант TodoList с фильтрами ↗

308

14м

Закрытый

3.10 Синхронизация с localStorage ↗

296

9м

Закрытый

3.11 Добавление роутинга ↗

293

7м

Закрытый

3.12 Итоги модуля ↗

274

2м

4. Проект 1

10 уроков

Открытый

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

687

374

2м

Закрытый

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

290

9м

Закрытый

4.3 Базовые компоненты ↗

273

4м

Закрытый

4.4 Добавление провайдера и пустого стора ↗

272

3м

Закрытый

4.5 Редьюсер вакансий ↗

270

12м

Закрытый

4.6 Редьюсер фильтрации ↗

257

5м

Закрытый

4.7 Механизм добавления фильтров ↗

253

6м

Закрытый

4.8 Удаление фильтров и их очистка ↗

248

7м

Закрытый

4.9 Публикация проекта ↗

249

3м

Закрытый

4.10 Итоги модуля ↗

235

2м

5. React-redux legacy

7 уроков

Закрытый

5.1 Легаси для react-redux ↗

265

2м

Закрытый

5.2 Метод connect ↗

199

4м

Закрытый

5.3 Концепция mapStateToProps ↗

170

2м

Закрытый

5.4 Концепция mapDispatchToProps ↗

159

9м

Закрытый

5.5 Рефакторинг Todo App ↗

153

133

5м

Закрытый

5.6 Рефакторинг проекта 1 ↗

153

125

7м

Закрытый

5.7 Итоги модуля ↗

150

1м

6. Redux Middleware и асинхронная работа

12 уроков

Закрытый

6.1 Введение в redux middleware ↗

280

2м

Закрытый

6.2 Базовое использование redux middleware ↗

276

10м

Закрытый

6.3 Подключение вместе с devTools ↗

260

4м

Закрытый

6.4 Библиотека redux-persist ↗

256

8м

Закрытый

6.5 Проблема асинхронности ↗

254

6м

Закрытый

6.6 Библиотека redux-thunk ↗

253

9м

Закрытый

6.7 Использование redux-thunk ↗

241

201

5м

Закрытый

6.8 Подготовка клиентского api ↗

241

10м

Закрытый

6.9 Статусы загрузки и обработка ошибок ↗

237

9м

Закрытый

6.10 Post-запросы ↗

229

8м

Закрытый

6.11 Thunk extraArgument ↗

220

4м

Закрытый

6.12 Итоги модуля ↗

209

1м

7. Проект 2

13 уроков

Закрытый

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

258

223

2м

Закрытый

7.2 Структура проекта ↗

224

6м

Закрытый

7.3 Добавление redux бойлерплейта ↗

221

6м

Закрытый

7.4 Переключение светлой/темной темы ↗

215

8м

Закрытый

7.5 Редьюсер для стран ↗

209

10м

Закрытый

7.6 Отрисовка стран в UI ↗

211

9м

Закрытый

7.7 Фильтрация по поиску ↗

206

12м

Закрытый

7.8 Фильтрация по региону ↗

195

9м

Закрытый

7.9 Очистка фильтров ↗

193

3м

Закрытый

7.10 Детальная страница ↗

190

14м

Закрытый

7.11 Очистка детальной страницы ↗

188

3м

Закрытый

7.12 Получение информации о соседях ↗

189

12м

Закрытый

7.13 Обзор итогового приложения ↗

198

2м

8. Redux Toolkit

13 уроков

Закрытый

8.1 Актуальность Redux Toolkit ↗

268

235

2м

Закрытый

8.2 Сущности Redux Toolkit ↗

263

4м

Закрытый

8.3 Метод createAction ↗

255

8м

Закрытый

8.4 Метод createReducer ↗

242

13м

Закрытый

8.5 Метод createSlice ↗

243

9м

Закрытый

8.6 Метод configureStore ↗

239

6м

Закрытый

8.7 Практика создания слайсов ↗

233

200

6м

Закрытый

8.8 Extra редьюсеры ↗

227

4м

Закрытый

8.9 Структура проекта ↗

229

12м

Закрытый

8.10 Redux-persist вместе с RTK ↗

212

7м

Закрытый

8.11 Рефакторинг проекта, часть 1 ↗

205

10м

Закрытый

8.12 Рефакторинг проекта, часть 2 ↗

183

145

10м

Закрытый

8.13 Итоги модуля ↗

170

3м

9. RTK AsyncThunk

12 уроков

Закрытый

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

211

1м

Закрытый

9.2 Базовое использование createAsyncThunk ↗

213

10м

Закрытый

9.3 ExtraReducers для работы с thunk экшнами ↗

192

6м

Закрытый

9.4 Практика создания thunk c createAsyncThunk ↗

184

155

13м

Закрытый

9.5 Использование в UI ↗

172

8м

Закрытый

9.6 Массовая обработка событий в extraReducers ↗

170

7м

Закрытый

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

164

7м

Закрытый

9.8 Отмена запроса к серверу ↗

162

6м

Закрытый

9.9 Extra параметр thunk ↗

153

6м

Закрытый

9.10 Базовое использование createEntityAdapter ↗

156

9м

Закрытый

9.11 Удаление и изменение данных через адаптер ↗

151

6м

Закрытый

9.12 Итоги модуля ↗

144

2м

10. Рефакторинг проекта 2

7 уроков

Закрытый

10.1 Постановка задачи ↗

160

129

1м

Закрытый

10.2 Организация структуры и слайс темы ↗

152

10м

Закрытый

10.3 Слайс блока фильтрации ↗

146

9м

Закрытый

10.4 Слайс стран ↗

142

14м

Закрытый

10.5 Слайс для деталки ↗

136

12м

Закрытый

10.6 Получение соседей ↗

135

6м

Закрытый

10.7 Итоги модуля ↗

134

1м

11. Итоги курса

3 урока

Закрытый

11.1 Style Guide от создателей Redux ↗

164

121

17м

Закрытый

11.2 FAQ по тому, что хранить в Redux-сторе ↗

165

115

4м

Закрытый

11.3 Итоги курса ↗

146

2м

3. TypeScript для профессиональной разработки 4.765

944

117

14 ч.

1. Введение

6 уроков

Открытый

1.1 Приветствие ↗

1 007

4м

Открытый

1.2 Что такое TypeScript и зачем нужен ↗

941

8м

Закрытый

1.3 Альтернативы TypeScript ↗

475

3м

Открытый

1.4 Пререквизит к курсу ↗

765

4м

Закрытый

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

464

5м

Открытый

1.6 Как построен курс ↗

790

6м

2. Базовая типизация

11 уроков

Открытый

2.1 О модуле ↗

674

1м

Открытый

2.2 Примитивные типы ↗

1 341

12м

Закрытый

2.3 Базовая типизация функций ↗

444

407

18м

Закрытый

2.4 Базовая типизация объектов ↗

427

8м

Закрытый

2.5 Объекты как параметры функции ↗

422

404

19м

Закрытый

2.6 Типизация массивов ↗

416

9м

Закрытый

2.7 Кортежи ↗

415

7м

Закрытый

2.8 Алиасы ↗

408

4м

Закрытый

2.9 Union типы ↗

408

380

15м

Закрытый

2.10 Enum ↗

401

13м

Закрытый

2.11 Итоги модуля ↗

392

7м

3. Продвинутая типизация

12 уроков

Закрытый

3.1 О модуле ↗

382

1м

Закрытый

3.2 Подробнее об интерфейсах ↗

382

14м

Закрытый

3.3 Подробнее об алиасах ↗

368

7м

Закрытый

3.4 Type vs Interface ↗

374

345

15м

Закрытый

3.5 Сужение типов ↗

363

9м

Закрытый

3.6 Type Guards ↗

363

8м

Закрытый

3.7 Asserts ↗

355

326

14м

Закрытый

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

345

6м

Закрытый

3.9 Перегрузка функций ↗

340

318

17м

Закрытый

3.10 Рекурсивные типы ↗

340

6м

Закрытый

3.11 Оператор ! ↗

342

8м

Закрытый

3.12 Итоги модуля ↗

334

6м

4. Дженерики

9 уроков

Закрытый

4.1 О модуле ↗

337

1м

Закрытый

4.2 Актуальность дженериков ↗

342

4м

Закрытый

4.3 Базовые примеры ↗

337

307

17м

Закрытый

4.4 Добавление требований ↗

322

5м

Закрытый

4.5 Оператор keyof ↗

321

4м

Закрытый

4.6 Сужение допустимых значений типа ↗

317

291

14м

Закрытый

4.7 Значения по умолчанию ↗

305

4м

Закрытый

4.8 Области видимости типов дженерика ↗

301

279

11м

Закрытый

4.9 Итоги модуля ↗

287

7м

5. Комбинирование типов

13 уроков

Закрытый

5.1 О модуле ↗

291

2м

Закрытый

5.2 Оператор typeof ↗

294

6м

Закрытый

5.3 Conditional type ↗

291

5м

Закрытый

5.4 Еще раз про extends ↗

289

256

7м

Закрытый

5.5 Оператор infer ↗

285

8м

Закрытый

5.6 Маппинг типов ↗

275

6м

Закрытый

5.7 Утилиты Extract, Exclude, NonNullable ↗

274

241

10м

Закрытый

5.8 Утилиты Record, Pick, Omit ↗

271

238

11м

Закрытый

5.9 Утилиты ReadOnly, Required, Partial ↗

257

235

6м

Закрытый

5.10 Утилиты Parameters, CounstructorParameters ↗

251

5м

Закрытый

5.11 Доступ по индексу ↗

253

6м

Закрытый

5.12 Шаблонные литералы ↗

249

225

12м

Закрытый

5.13 Итоги модуля ↗

236

10м

6. Проект 1. Vanilla JS -> TypeScript

7 уроков

Закрытый

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

290

257

2м

Закрытый

6.2 Постановка задачи ↗

264

2м

Закрытый

6.3 Создание ts-проекта ↗

254

7м

Закрытый

6.4 Создание интерфейсов ↗

249

5м

Закрытый

6.5 Добавление type guards ↗

244

12м

Закрытый

6.6 Типы асинхронных функций ↗

243

5м

Закрытый

6.7 Итоги модуля ↗

237

215

3м

7. Классы

8 уроков

Закрытый

7.1 О модуле ↗

237

2м

Закрытый

7.2 Интерфейс для класса ↗

219

6м

Закрытый

7.3 Модификаторы доступа ↗

209

7м

Закрытый

7.4 Нюансы конструктора ↗

202

179

13м

Закрытый

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

197

3м

Закрытый

7.6 Геттеры и сеттеры ↗

192

5м

Закрытый

7.7 Статические свойства и методы ↗

190

169

10м

Закрытый

7.8 Итоги модуля ↗

178

3м

8. Настройки компилятора

9 уроков

Закрытый

8.1 О модуле ↗

219

3м

Закрытый

8.2 Составные части конфига ↗

197

3м

Закрытый

8.3 Базовые настройки ↗

190

5м

Закрытый

8.4 Опции компилятора ↗

185

10м

Закрытый

8.5 Дополнительные опции ↗

170

9м

Закрытый

8.6 Тюнинг строгости ↗

167

7м

Закрытый

8.7 Дополнительный линтинг ↗

163

7м

Закрытый

8.8 Рекомендованные конфиги ↗

168

147

5м

Закрытый

8.9 Итоги модуля ↗

155

5м

9. Типизация React-компонентов

12 уроков

Закрытый

9.1 О модуле ↗

241

2м

Закрытый

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

239

217

9м

Закрытый

9.3 Типизация пропсов ↗

238

9м

Закрытый

9.4 Типизация стилей ↗

234

3м

Закрытый

9.5 Типизация стейта ↗

230

6м

Закрытый

9.6 Хэндлеры ↗

226

9м

Закрытый

9.7 Хранение типов ↗

223

5м

Закрытый

9.8 Нюансы useEffect ↗

221

3м

Закрытый

9.9 Типизация useRef ↗

214

5м

Закрытый

9.10 Приложение TodoList ↗

222

201

12м

Закрытый

9.11 Классовые компоненты ↗

193

5м

Закрытый

9.12 Итоги модуля ↗

184

2м

10. Проект на React+TS

11 уроков

Закрытый

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

243

1м

Закрытый

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

214

193

4м

Закрытый

10.3 Создание типов сущностей ↗

199

6м

Закрытый

10.4 Шапка приложения ↗

193

12м

Закрытый

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

191

15м

Закрытый

10.6 Альтернативный вариант формы ↗

182

5м

Закрытый

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

178

11м

Закрытый

10.8 Шапка карточки ↗

174

9м

Закрытый

10.9 Инфо компонент ↗

171

14м

Закрытый

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

175

11м

Закрытый

10.11 Итоги модуля ↗

175

164

3м

11. Типизация Redux

9 уроков

Закрытый

11.1 О модуле ↗

170

152

2м

Закрытый

11.2 Добавления Redux в приложение ↗

169

9м

Закрытый

11.3 Типизация слайсов ↗

159

14м

Закрытый

11.4 Типизация селекторов ↗

145

3м

Закрытый

11.5 Типизация asyncThunk ↗

143

12м

Закрытый

11.6 Типизация extraReducers ↗

139

4м

Закрытый

11.7 AsyncThunk как дженерик ↗

141

6м

Закрытый

11.8 Добработка асинхронного слайса ↗

136

114

12м

Закрытый

11.9 Итоги модуля ↗

124

3м

12. Проект React+Redux+TS

9 уроков

Закрытый

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

175

130

2м

Закрытый

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

135

3м

Закрытый

12.3 Базовые типы приложения ↗

128

5м

Закрытый

12.4 UI компоненты ↗

125

8м

Закрытый

12.5 Типизация переключателя темы ↗

122

7м

Закрытый

12.6 Типизация списка стран ↗

121

12м

Закрытый

12.7 Типизация детальной страницы ↗

109

9м

Закрытый

12.8 Типизация контролей ↗

114

18м

Закрытый

12.9 Итоги проекта ↗

128

103

4м

13. Итоги курса

1 урок

Закрытый

13.1 Что дальше ↗

163

115

2м

4. Инструменты разработчика 5.0

634

11 ч.

1. Введение

1 урок

Открытый

1.1 Введение ↗

396

3м

2. Основы веб

5 уроков

Открытый

2.1 Составляющие сайта ↗

365

7м

Закрытый

2.2 Хостинг ↗

188

17м

Закрытый

2.3 Домен ↗

170

18м

Закрытый

2.4 FTP ↗

167

15м

Закрытый

2.5 SSH-соединение ↗

150

7м

3. Терминал

5 уроков

Закрытый

3.1 Варианты терминалов ↗

153

8м

Закрытый

3.2 Основные команды ↗

139

20м

Закрытый

3.3 Продвинутые техники ↗

124

10м

Закрытый

3.4 Терминал и редакторы кода ↗

117

7м

Закрытый

3.5 Поиск через терминал ↗

114

14м

4. VS Code

7 уроков

Закрытый

4.1 Интерфейс VS Code ↗

129

11м

Закрытый

4.2 Кастомизация ↗

119

14м

Закрытый

4.3 Ускорение работы ↗

115

15м

Закрытый

4.4 Файловая навигация ↗

100

6м

Закрытый

4.5 Навигация по документам ↗

13м

Закрытый

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

7м

Закрытый

4.7 Синхронизация настроек ↗

5м

5. SSH

4 урока

Открытый

5.1 Что такое SSH ↗

447

7м

Закрытый

5.2 Создание ключей шифрования ↗

104

6м

Закрытый

5.3 Добавление ключа на GitHub ↗

5м

Закрытый

5.4 Добавление ключа на сервер ↗

8м

6. Git

12 уроков

Открытый

6.1 Системы версионирования ↗

235

4м

Закрытый

6.2 Установка Git ↗

111

5м

Закрытый

6.3 Локальный репозиторий ↗

110

12м

Закрытый

6.4 Удаленный GitHub репозиторий ↗

102

13м

Закрытый

6.5 Выгрузка локального репозитория онлайн ↗

7м

Закрытый

6.6 Git: практический workflow ↗

100

18м

Закрытый

6.7 Теги и релизы ↗

7м

Закрытый

6.8 GitHub Pages ↗

3м

Закрытый

6.9 Добавление алиасов ↗

3м

Закрытый

6.10 Инструменты VS Code для Git ↗

10м

Закрытый

6.11 Работа с конфликтами ↗

6м

Закрытый

6.12 Работа с open source проектами ↗

5м

7. NodeJs + npm

9 уроков

Открытый

7.1 Что такое NodeJS ↗

231

4м

Закрытый

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

7м

Закрытый

7.3 Утилиты и модули NodeJS ↗

100

6м

Закрытый

7.4 Пример создания модуля NodeJS ↗

4м

Закрытый

7.5 Пакетный менеджер npm ↗

12м

Закрытый

7.6 Стандарт версионирования Semver ↗

8м

Закрытый

7.7 Пакетный менеджер yarn ↗

4м

Закрытый

7.8 Создание скриптов ↗

9м

Закрытый

7.9 Утилита npx ↗

6м

8. Parcel JS

5 уроков

Открытый

8.1 Обзор сборщика Parcel ↗

238

6м

Закрытый

8.2 Использование стилей и препроцессоров ↗

8м

Закрытый

8.3 Использование современного JavaScript ↗

7м

Закрытый

8.4 Работа с pug ↗

2м

Закрытый

8.5 Production сборка ↗

8м

9. Gulp JS

9 уроков

Открытый

9.1 Что такое GulpJS. Установка ↗

193

9м

Закрытый

9.2 Варианты синтаксиса для Gulp ↗

14м

Закрытый

9.3 Обработка pug-шаблонов ↗

12м

Закрытый

9.4 Отслеживание изменений ↗

9м

Закрытый

9.5 Работа с локальными данными ↗

7м

Закрытый

9.6 Работа со стилями ↗

15м

Закрытый

9.7 Обработка изображений ↗

8м

Закрытый

9.8 Локальный dev-сервер ↗

13м

Закрытый

9.9 Сборка JavaScript-модулей ↗

9м

10. Webpack 4

7 уроков

Закрытый

10.1 Что такое Webpack. Установка ↗

10м

Закрытый

10.2 Способы задания конфигурации ↗

10м

Закрытый

10.3 Ключевые концепции Webpack ↗

10м

Закрытый

10.4 Создание dev-сервера ↗

7м

Закрытый

10.5 Транспиляция стилей ↗

11м

Закрытый

10.6 JavaScript и Babel ↗

11м

Закрытый

10.7 Конфигурация Webpack по условию ↗

12м

11. Webpack 5

10 уроков

Открытый

11.1 Начало работы с Webpack 5 ↗

247

6м

Закрытый

11.2 Обработка JavaScript-файлов ↗

10м

Закрытый

11.3 Настройка локального сервера ↗

10м

Закрытый

11.4 Точки входа и выхода ↗

4м

Закрытый

11.5 Генерация HTML-шаблона ↗

5м

Закрытый

11.6 Настройка режимов сборки ↗

4м

Закрытый

11.7 Обработка CSS-файлов ↗

8м

Закрытый

11.8 Препроцессинг и постобработка стилей ↗

11м

Закрытый

11.9 Обработка изображений ↗

13м

Закрытый

11.10 Дополнительные сведения ↗

9м

5. Компетенция Верстальщик — HTML, CSS, JavaScript 4.933

976

127

28 ч.

1. Введение

1 урок

Открытый

1.1 Введение ↗

1 541

5м

2. Основы HTML и CSS

15 уроков

👁 10 947

👤 3 693

Открытый

2.1 Основы HTML ↗

2 550

255

42м

Открытый

2.2 Основы CSS ↗

1 697

212

49м

Закрытый

2.3 Работа с текстом ↗

709

177

61м

Закрытый

2.4 Работа с блочными элементами ↗

652

494

27м

Закрытый

2.5 Стилизация блочных элементов ↗

589

153

39м

Закрытый

2.6 Работа со ссылками и кнопками ↗

559

143

41м

Закрытый

2.7 Работа с изображениями и иконками ↗

525

417

30м

Закрытый

2.8 Псевдоклассы и псевдоэлементы CSS ↗

509

133

32м

Закрытый

2.9 Структура сайта и типы макетов ↗

491

7м

Закрытый

2.10 Таблицы и табличная верстка ↗

490

124

25м

Закрытый

2.11 Блочная модель верстки old-style ↗

469

23м

Закрытый

2.12 Позиционирование, выпадающее меню ↗

466

118

37м

Закрытый

2.13 Введение во FlexBox ↗

460

115

31м

Закрытый

2.14 Блочная модель верстки на флексах ↗

433

109

21м

Закрытый

2.15 Проверка знаний ↗

348

283

5м

3. Работа с макетами

3 урока

Закрытый

3.1 Нарезка макета в Photoshop ↗

444

352

27м

Закрытый

3.2 Zeplin и импорт из Photoshop или Figma ↗

400

30м

Закрытый

3.3 Мастер-класс по верстке макета ↗

417

325

82м

4. Продвинутые техники HTML, CSS

11 уроков

Закрытый

4.1 Основы БЭМ ↗

421

34м

Закрытый

4.2 Элементы форм ↗

375

54м

Закрытый

4.3 Добавление аудио и видео ↗

330

16м

Открытый

4.4 Фильтры CSS ↗

745

7м

Закрытый

4.5 Семантические теги HTML5 ↗

326

30м

Закрытый

4.6 Кроссбраузерность ↗

313

29м

Закрытый

4.7 Трансформации CSS3 ↗

304

28м

Закрытый

4.8 Анимации CSS3 ↗

304

21м

Закрытый

4.9 Работа с адаптивом ↗

304

40м

Закрытый

4.10 Базовое использование препроцессора SASS|SCSS ↗

288

34м

Закрытый

4.11 Продвинутое использование SASS|SCSS ↗

268

24м

5. Bootstrap

5 уроков

Закрытый

5.1 Общие возможности Bootstrap ↗

296

14м

Закрытый

5.2 Работа с сеткой Bootstrap ↗

255

9м

Закрытый

5.3 Использование компонентов Bootstrap ↗

233

19м

Закрытый

5.4 Формы в Bootstrap ↗

9м

Закрытый

5.5 Кастомизация компонентов ↗

14м

6. JavaScript для верстальщика

11 уроков

Открытый

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

817

28м

Закрытый

6.2 Ветвления и циклы ↗

296

23м

Закрытый

6.3 Объекты и массивы JS ↗

270

17м

Закрытый

6.4 Функции JS ↗

289

166

23м

Закрытый

6.5 Понятие DOM и узлов ↗

266

26м

Закрытый

6.6 Обработка события по клику ↗

246

20м

Закрытый

6.7 Создание слайдера на JS ↗

243

25м

Закрытый

6.8 Создание модального окна ↗

232

15м

Закрытый

6.9 Создание табов ↗

219

17м

Закрытый

6.10 Создание фильтра карточек ↗

202

18м

Закрытый

6.11 Проверка знаний ↗

171

150

1м

7. Библиотеки JavaScript

5 уроков

Закрытый

7.1 Основы jQuery ↗

236

16м

Закрытый

7.2 Галерея FancyBox ↗

183

16м

Закрытый

7.3 Анимации ParollerJS, ParallaxJS ↗

167

18м

Закрытый

7.4 Анимации ScrollMagic ↗

165

19м

Закрытый

7.5 Адаптивный слайдер SwiperJS ↗

167

24м

8. БОНУС: Спецификация CSS Grid (видео с моего YouTube-канала)

9 уроков

Закрытый

8.1 CSS Grid. Базовая терминология ↗

200

15м

Закрытый

8.2 Базовые возможности CSS Grid ↗

172

19м

Закрытый

8.3 Шаблоны и фракции ↗

159

16м

Закрытый

8.4 Grid области и работа с ними ↗

156

15м

Закрытый

8.5 Выравнивание ↗

151

12м

Закрытый

8.6 Методы адаптива ↗

160

19м

Закрытый

8.7 Нюансы использования ↗

144

11м

Закрытый

8.8 CSS-переменные ↗

157

9м

Закрытый

8.9 Проверка знаний ↗

2м

9. Проект Верстки макета от и до

18 уроков

👁 2 550

👤 2 342

Закрытый

9.1 Обзор шаблона для вёрстки ↗

284

190

6м

Закрытый

9.2 UI Kit - что и зачем ↗

205

7м

Закрытый

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

182

141

10м

Закрытый

9.4 Переменные и типографика ↗

167

33м

Закрытый

9.5 Компонент "Особенность" ↗

145

7м

Закрытый

9.6 Компонент "Скриншот" ↗

120

12м

Закрытый

9.7 Компонент "Отзыв" ↗

122

22м

Закрытый

9.8 Компонент "Цена" ↗

119

25м

Закрытый

9.9 Компоненты формы и соц иконок ↗

106

14м

Закрытый

9.10 Вводный блок сайта ↗

110

21м

Закрытый

9.11 Блок "О продукте" ↗

109

11м

Закрытый

9.12 Блок "Особенности" ↗

107

10м

Закрытый

9.13 Блок "Скриншоты" ↗

106

7м

Закрытый

9.14 Блок "Отзывы" ↗

104

6м

Закрытый

9.15 Блок "Цены" ↗

130

9м

Закрытый

9.16 Блок "Подвал сайта" ↗

108

30м

Закрытый

9.17 Валидация верстки ↗

129

4м

Закрытый

9.18 Production-сборка ↗

197

124

5м

6. Фундаментальный JavaScript 4.983

1 710

151

21 ч.

1. Введение

5 уроков

Открытый

1.1 Введение ↗

2 726

2м

Открытый

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

2 433

1м

Открытый

1.3 Сфера применения JavaScript, его версии и документация ↗

4 439

10м

Закрытый

1.4 Подключение JavaScript к html-странице ↗

1 290

8м

Закрытый

1.5 Использование JavaScript вне браузера ↗

1 267

1 152

4м

2. Основы программирования

17 уроков

👁 20 203

👤 19 024

Открытый

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

2 251

2м

Закрытый

2.2 Типы данных в JavaScript ↗

1 308

9м

Закрытый

2.3 Понятие переменных ↗

1 276

1 189

11м

Закрытый

2.4 Математические операции в JavaScript ↗

1 231

11м

Закрытый

2.5 Логические выражения ↗

1 221

1 126

15м

Закрытый

2.6 Условный оператор ↗

1 196

1 064

14м

Закрытый

2.7 Оператор switch ↗

1 161

5м

Закрытый

2.8 Тернарный оператор ↗

1 142

1 082

8м

Закрытый

2.9 Массивы как хранилища данных ↗

1 124

1 051

9м

Закрытый

2.10 Понятие цикла ↗

1 091

950

17м

Закрытый

2.11 Цикл for ↗

1 065

939

10м

Закрытый

2.12 Оператор break ↗

1 028

9м

Закрытый

2.13 Оператор continue ↗

1 023

904

11м

Закрытый

2.14 Понятие функции ↗

1 041

918

15м

Закрытый

2.15 Встроенный объект Math ↗

1 013

4м

Закрытый

2.16 Проект "Угадай число" ↗

1 039

969

8м

Закрытый

2.17 Итоги модуля ↗

993

840

1м

3. Объекты и встроенные методы

14 уроков

Открытый

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

1 745

2м

Закрытый

3.2 Простые объекты с данными ↗

1 005

956

7м

Закрытый

3.3 Хранение по ссылке ↗

977

7м

Закрытый

3.4 Оператор in ↗

981

1м

Закрытый

3.5 Цикл for..in ↗

987

947

3м

Закрытый

3.6 Цикл for..of ↗

968

3м

Закрытый

3.7 Методы объекта, контекст ↗

968

926

7м

Закрытый

3.8 Встроенные методы строк ↗

943

9м

Закрытый

3.9 Встроенные методы чисел ↗

915

887

6м

Закрытый

3.10 Встроенные методы массивов ↗

920

870

6м

Закрытый

3.11 Объект ошибки ↗

903

9м

Закрытый

3.12 Объект регулярного выражения ↗

901

10м

Закрытый

3.13 Проект "Загадки" ↗

899

823

23м

Закрытый

3.14 Итоги модуля ↗

836

1м

4. Про функции подробно

11 уроков

Открытый

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

1 484

2м

Закрытый

4.2 Функции vs процедуры ↗

895

3м

Закрытый

4.3 Функции и память ↗

885

8м

Закрытый

4.4 Варианты записи функций ↗

879

784

18м

Закрытый

4.5 Область видимости ↗

857

11м

Закрытый

4.6 Колбэки и функции высшего порядка ↗

860

755

18м

Закрытый

4.7 Рекурсия ↗

846

709

38м

Закрытый

4.8 Замыкание ↗

832

777

14м

Закрытый

4.9 Контекст вызова функции ↗

799

7м

Закрытый

4.10 Уточнение контекста вызова функции ↗

782

738

10м

Закрытый

4.11 Проект "Цензор" ↗

783

681

21м

5. Работа со структурами данных

16 уроков

👁 11 175

👤 10 686

Закрытый

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

747

2м

Закрытый

5.2 Понятие стека и очереди ↗

769

5м

Закрытый

5.3 Понятие иммутабельности ↗

749

8м

Закрытый

5.4 Маппинг массивов и коллекций ↗

759

660

13м

Закрытый

5.5 Фильтрация ↗

730

692

10м

Закрытый

5.6 Метод reduce ↗

724

672

11м

Закрытый

5.7 Поиск в коллекции ↗

697

668

5м

Закрытый

5.8 Сортировка массива ↗

688

661

9м

Закрытый

5.9 Оператор остатка ↗

675

10м

Закрытый

5.10 Деструктуризация массивов ↗

684

648

12м

Закрытый

5.11 Деструктуризация объектов ↗

669

632

11м

Закрытый

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

655

5м

Закрытый

5.13 Глобальные методы ↗

661

9м

Закрытый

5.14 Формат JSON ↗

685

618

8м

Закрытый

5.15 Проект "Витрина" ↗

682

578

33м

Закрытый

5.16 Итоги модуля ↗

601

2м

6. DOM API

20 уроков

👁 11 867

👤 11 598

Закрытый

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

673

3м

Закрытый

6.2 Понятие DOM ↗

699

6м

Закрытый

6.3 Получение ссылок на HTML-элементы ↗

674

636

10м

Закрытый

6.4 Свойства html-элементов ↗

648

11м

Закрытый

6.5 Обход html-коллекций ↗

636

4м

Закрытый

6.6 Объект classList ↗

641

4м

Закрытый

6.7 Навигация по html-элементам ↗

630

5м

Закрытый

6.8 Браузерные события ↗

619

6м

Закрытый

6.9 Снятие обработчиков событий ↗

610

4м

Закрытый

6.10 Примеры по обработке события click ↗

610

589

5м

Закрытый

6.11 Объект события ↗

600

570

10м

Закрытый

6.12 Работа с формой ↗

588

543

10м

Закрытый

6.13 Понятие всплытия ↗

554

6м

Закрытый

6.14 Динамическая работа с DOM ↗

550

11м

Закрытый

6.15 Полезные свойства html-элементов ↗

534

9м

Закрытый

6.16 Где искать примеры UI ↗

542

4м

Закрытый

6.17 Пример модального окна ↗

525

12м

Закрытый

6.18 Работа с браузерной памятью ↗

518

474

10м

Закрытый

6.19 Прочие браузерные объекты ↗

489

4м

Закрытый

6.20 Проект "Спойлер" ↗

527

436

18м

7. Работа с готовыми библиотеками

9 уроков

Закрытый

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

488

2м

Закрытый

7.2 Библиотека lodash ↗

496

436

14м

Закрытый

7.3 Плавный скролл ↗

465

16м

Закрытый

7.4 Тултипы ↗

443

11м

Закрытый

7.5 Продвинутый скролл ↗

419

10м

Закрытый

7.6 Слайдеры ↗

412

11м

Закрытый

7.7 Ленивая загрузка ↗

421

12м

Закрытый

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

417

10м

Закрытый

7.9 Анимации ↗

413

17м

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

11 уроков

Закрытый

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

508

2м

Закрытый

8.2 Синхронный и асинхронный код ↗

544

8м

Закрытый

8.3 Варианты взаимодействия с сервером ↗

535

10м

Закрытый

8.4 Объект Promise ↗

539

20м

Закрытый

8.5 Асинхронное получение данных ↗

507

9м

Закрытый

8.6 CRUD-операции ↗

513

10м

Закрытый

8.7 Альтернативные способы получения данных с сервера ↗

492

6м

Закрытый

8.8 Асинхронные функции ↗

482

8м

Закрытый

8.9 Методы промисов resolve и reject ↗

470

5м

Закрытый

8.10 Методы промисов all и race ↗

465

10м

Закрытый

8.11 Итоги модуля ↗

439

1м

9. Проект "Список дел"

9 уроков

Закрытый

9.1 Постановка задачи ↗

461

1м

Закрытый

9.2 Декомпозиция на подзадачи ↗

430

7м

Закрытый

9.3 Получение данных с сервера ↗

416

6м

Закрытый

9.4 Отрисовка полученных задач ↗

391

11м

Закрытый

9.5 Отрисовка пользователей ↗

377

3м

Закрытый

9.6 Добавление новой задачи ↗

371

10м

Закрытый

9.7 Изменение статуса ↗

362

7м

Закрытый

9.8 Удаление задачи ↗

358

7м

Закрытый

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

372

8м

10. Модули и сборка приложения

8 уроков

Закрытый

10.1 Понятие js-модуля ↗

426

5м

Закрытый

10.2 npm менеджер ↗

401

10м

Закрытый

10.3 ES6 модули: импорт и экспорт ↗

390

9м

Закрытый

10.4 Сборка приложения ↗

385

3м

Закрытый

10.5 Использование Parcel для сборки ↗

386

6м

Закрытый

10.6 Нюансы экспорта и импорта ↗

382

11м

Закрытый

10.7 Кроссбраузерность приложений ↗

366

3м

Закрытый

10.8 CommonJS модули и файлы .mjs ↗

359

8м

11. Проект: определение геолокации по IP

14 уроков

Закрытый

11.1 Постановка задачи ↗

382

3м

Закрытый

11.2 Декомпозиция на подзадачи ↗

340

3м

Закрытый

11.3 Создание Frontend-проекта ↗

333

298

5м

Закрытый

11.4 Верстка шапки ↗

326

5м

Закрытый

11.5 Разбор API по работе с IP ↗

311

215

4м

Закрытый

11.6 Обработка ввода пользователя ↗

315

5м

Закрытый

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

314

5м

Закрытый

11.8 Динамическая работа с DOM ↗

299

4м

Закрытый

11.9 Разбор API карт ↗

295

286

4м

Закрытый

11.10 Разметка с картой ↗

298

11м

Закрытый

11.11 Обновление карт на базе IP ↗

282

4м

Закрытый

11.12 Добавление полифилла ↗

279

5м

Закрытый

11.13 Добавление адаптива ↗

285

9м

Закрытый

11.14 Публикация проекта ↗

319

5м

12. ООП в JavaScript

16 уроков

👁 5 389

👤 5 157

Закрытый

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

408

3м

Закрытый

12.2 Актуальность фабрик ↗

402

6м

Закрытый

12.3 Создание классов es6 ↗

393

7м

Закрытый

12.4 Прототипное наследование ↗

387

341

11м

Закрытый

12.5 Наследование классов es6 ↗

363

12м

Закрытый

12.6 Статические свойства и методы ↗

354

16м

Закрытый

12.7 Приватные свойства, геттеры, сеттеры ↗

334

285

15м

Закрытый

12.8 Классы для создания UI компонентов ↗

320

256

20м

Закрытый

12.9 Шаблоны проектирования ↗

318

3м

Закрытый

12.10 Шаблон Singleton ↗

324

8м

Закрытый

12.11 Шаблон Фабрика ↗

306

9м

Закрытый

12.12 Шаблон Адаптер ↗

284

7м

Закрытый

12.13 Шаблон Фасад ↗

276

12м

Закрытый

12.14 Шаблон Наблюдатель ↗

273

12м

Закрытый

12.15 Концепция ООП ↗

303

4м

Закрытый

12.16 Подведение итогов ↗

344

271

6м