Фронтенд разработчик

Name: Фронтенд разработчик
Price: 28186 RUB
Availability: PreOrder

3 участника

ЮК Автор Юрий Ключевский Школа ВебКадеми

О чём курс

О курсе

Читатель за 6 месяцев подготовки под руководством наставника получит практические навыки для создания веб-проектов уровня middle по направлению frontend-разработки.

Стек технологий

В программе изучаются ключевые инструменты и технологии современного веб-девелопмента:

JavaScript (включая работу с DOM, асинхронность и паттерны архитектуры);
библиотеки и фреймворки React JS и Next.js;
типизация с помощью языка TypeScript;
серверная разработка на Node.js и Express.js;
системы контроля версий и методологии: Git, Docker и Scrum.

Что внутри

Курс разделен на шесть тематических блоков продолжительностью по одному месяцу. В начале изучаются базовый синтаксис JavaScript, манипуляции с DOM-деревом и работа с API. Затем студенты переходят к компонентному подходу, хукам и управлению состоянием в React, а также рендерингу (SSR, SSG) и оптимизации в Next.js.

Отдельные блоки посвящены строгой типизации, созданию серверной части приложений (REST API, авторизация, базы данных) и командному процессу разработки через Git и GitHub. Обучение завершается реализацией комплексного финального проекта с последующим деплоем на хостинг.

Программа обучения

1 месяц. Основы JavaScript и работа с DOM
- 1. Подготовительный модуль. Настройка рабочего окружения
  - VS Code
  - Настройка редактора
  - Плагины
  - Горячие клавиши
- 1. Основы JavaScript
  - Переменные и типы данных
  - Условия
  - Функции
  - Массивы
  - Объекты
  - Классы
- 1. Работа с DOM
  - Область видимости. Всплытие
  - Поиск DOM элементов
  - Работа с CSS классами
  - Свойства и атрибуты
  - Подписка событий
  - Объект event
- 1. Данные в JavaScript
  - Методы массивов
  - Вывод данных на страницу
  - Добавить переключение по фильтрам / табам
  - Сортировка и фильтрация данных на странице
  - JSON формат
  - localStorage
2 месяц. Работа с API и архитектура приложений
- 1. Fetch данных с API
  - Получение и отправка данных на сервер
  - Асинхронный JS
  - Промисы
  - Асинхронные функции
- 1. Архитектура в JS
  - Модули ES6
  - Паттерн MVC
- 1. Сборка проекта
  - Node JS и NPM
  - WebPack
  - Parcel
- 1. ООП в JavaScript
  - Классы, конструктор, методы, объекты
  - Проект с ООП подходом и MVC паттерном
  - Самостоятельный проект
3 месяц. React — фундамент современного фронтенда
- 1. Основы React
  - JSX и Virtual DOM
  - Компоненты: функциональные и классовые
  - Props и state
  - Обработка событий
  - Условный рендеринг, списки, ключи
- 1. React hooks и продвинутая работа
  - useState, useEffect, useRef, useMemo, useCallback
  - Контекст (Context API)
  - Пользовательские хуки
  - Управление формами (React Hook Form)
- 1. Маршрутизация и состояние
  - React Router
  - Ленивая загрузка компонентов (React.lazy)
  - Управление глобальным состоянием: Context vs Redux Toolkit
  - Асинхронность и side effects: Thunk, RTK Query
4 месяц. Next.js — фреймворк для React / TypeScript — строго типизированный JavaScript
- 1. Next.js
  - SSR, SSG, ISR — подходы к рендерингу
  - Создание страниц и маршрутов
  - Data Fetching: getStaticProps, getServerSideProps
  - Работа с Head, meta-тегами, SEO
  - Динамические маршруты
  - Подключение API Routes
  - Работа с Image, оптимизация производительности
- 1. TypeScript
  - Зачем нужен TypeScript и его преимущества
  - Основные типы: строки, числа, массивы, объекты, union, enum
  - Интерфейсы и типы
  - Типизация компонентов в React
  - Generics и утилитарные типы
  - Работа с API и типизация ответов
5 месяц. Node.js + Express.js — серверная часть приложений
- 1. Основы Node.js
  - Что такое Node.js, Event Loop
  - Работа с файловой системой, модулями, переменными окружения
  - Асинхронность, промисы и async/await
- 1. Express.js
  - Установка и настройка сервера
  - Роутинг и middleware
  - Обработка форм, CORS, JSON
  - REST API: создание и структура
  - Валидация, авторизация, подключение базы данных (например, MongoDB или SQLite)
6 месяц. Git и командная работа / Финальный проект
- 1. Git и командная работа
  - Основы Git: init, add, commit, push, pull
  - Работа с ветками, merge и rebase
  - GitHub и pull request workflow
  - Работа в команде: Code Review, конфликты и .gitignore
  - CI/CD: настройка GitHub Actions (вводный уровень)
- 1. Разработка финального проекта
  - Выбор проекта (на выбор: блог, TODO, маркетплейс, лендинг с SSR)
  - Планирование структуры проекта
  - Реализация backend на Express.js
  - Frontend на React + TypeScript или Next.js
  - Подключение API, хранение данных, работа с формами
  - Деплой (Vercel, Render, Netlify)

Складчина создана 15 октября 2026 г. · описание обновлено 18 октября 2026 г.

Теги курса

Другие материалы автора 6

ЮК Юрий Ключевский Все материалы

JavaScript разработчик 5 712 ₽ 24 000 ₽ −76%

Профессия HTML верстальщик 10 056 ₽ 34 000 ₽ −70%

Интернет-магазин на PHP 104 ₽ 990 ₽ −89%

Интенсив по сборке: Gulp 4, SCSS и PUG 146 ₽ 1 890 ₽ −92%

Gulp Сборка. Ускорение верстки 190 ₽ 2 900 ₽ −93%

Мастер-класс по SDD разработке на PHP с AI агентами 500 ₽ 4 990 ₽ −90%

Отзывов пока нет. Будьте первым!

Как получить курс?

Влада Администратор сайта

Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.

Финальный взнос будет ниже, чем 72 000 ₽?

Влада Администратор сайта

Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.

Как я могу ускорить сбор складчины и уменьшить взнос?

Влада Администратор сайта

Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.