Серов Николай Евгеньевич
кандидат технических наук доцент РТУ МИРЭА Военный университет, инженер
от 3600 ₽ в месяц
от 600 ₽ за занятие
WEB-РАЗРАБОТКА
Разделы курса
💻 Программа: «Полный цикл веб-разработки: от макета до живого сайта»
Для школьников от 14 лет, студентов и взрослых | Очно / онлайн | С нуля до портфолио
Освойте профессию востребованного веб-разработчика за один курс! Вы научитесь не просто писать код, а создавать современные, адаптивные и интерактивные сайты — от идеи в Figma до развёрнутого проекта на React и Node.js.
🌐 Основы фронтенда: HTML, CSS, JavaScript, TypeScript
- Семантическая вёрстка с HTML5
- Стилизация через CSS3: Flexbox, Grid, анимации, медиазапросы
- Интерактивность с JavaScript: события, DOM, работа с API
- Переход на TypeScript: типы, интерфейсы, безопасность кода
#️⃣ Дизайн и ускоренная вёрстка: Figma + Bootstrap
- Чтение и экспорт макетов из Figma
- Адаптивная вёрстка с Bootstrap 5: компоненты, сетка, утилиты
- Создание лендингов, блогов и корпоративных сайтов за часы, а не дни
- Практика: сверстайте реальный дизайн из Dribbble или Behance
👨💻 Бэкенд на Node.js: серверная логика без переключения языка
- Знакомство с Node.js и npm
- Создание REST API с Express.js
- Работа с JSON, маршрутизация, middleware
- Подключение к файловой системе и простым данным
💻 Современный фронтенд: React.js
- Компонентный подход: props, state, хуки (
useState,useEffect) - Роутинг с React Router
- Запросы к API и отображение данных
- Сборка SPA-приложения и подготовка к деплою
🏁 Что вы создадите и получите:
✅ 4+ полноценных проекта:
— Адаптивный лендинг (Figma → Bootstrap)
— Интерактивный сайт на чистом JS/TS
— SPA-приложение на React (например, «Погода», «Список дел», «Кинопоиск»)
— Fullstack-мини-проект с Node.js бэкендом
✅ Готовое портфолио на GitHub Pages / Vercel
✅ Навыки командной работы через Git и совместный код
✅ 📜 Сертификат веб-разработчика
✅ Понимание всего цикла: дизайн → вёрстка → интерактив → бэкенд → деплой
Тема 1. Введение в веб-разработку и инструменты
- Как устроен веб: клиент, сервер, браузер
- Установка и настройка: VS Code, Git, Node.js, npm
- Знакомство с терминалом и базовыми командами
- Практика: первый HTML-файл и локальный запуск
Тема 2. HTML5 и семантическая вёрстка
- Теги, атрибуты, структура документа
- Формы, медиа, доступность (accessibility)
- Валидация и SEO-базовые принципы
- Практика: сверстать страницу «О себе» или «Портфолио»
Тема 3. CSS3: стили, адаптивность и современные методы
- Селекторы, каскад, специфичность
- Flexbox и Grid — макеты без костылей
- Медиазапросы: мобильная, планшетная, десктопная версии
- Практика: адаптивный блог или каталог товаров
Тема 4. Дизайн в Figma → экспорт в вёрстку
- Чтение макета: слои, компоненты, автолейаут
- Экспорт изображений, шрифтов, цветов
- Использование Dev Mode в Figma
- Практика: сверстать готовый лендинг из Figma (реальный дизайн)
Тема 5. Bootstrap 5: быстрая и красивая вёрстка
- Сетка, утилиты, компоненты (кнопки, карточки, навбар)
- Кастомизация через CSS поверх Bootstrap
- Адаптивные формы и модальные окна
- Практика: создать корпоративный сайт за 1 занятие
Тема 6. JavaScript: интерактивность на чистом JS
- Переменные, условия, циклы, функции
- Работа с DOM: изменение контента, события
- Запросы к API (fetch), обработка JSON
- Практика: погодное приложение или генератор цитат
Тема 7. TypeScript: безопасный и понятный код
- Типы данных, интерфейсы, типизация функций
- Преимущества TS в больших проектах
- Интеграция в существующий JS-код
- Практика: переписать JS-проект на TypeScript
Тема 8. React.js: компонентный подход
- JSX, компоненты, props, state
- Хуки:
useState,useEffect - Условный рендеринг и списки
- Практика: SPA-приложение «Список задач» или «Каталог фильмов»
Тема 9. React Router + запросы к API
- Навигация между страницами без перезагрузки
- Получение данных с сервера и отображение
- Обработка ошибок и загрузки
- Практика: многостраничное приложение с данными (например, «Блог»)
Тема 10. Бэкенд на Node.js + финальный проект
- Создание сервера с Express.js
- REST API: GET/POST-запросы, JSON-ответы
- Подключение фронтенда к своему бэкенду
- Финальный проект: fullstack-приложение (например, «Гостевая книга», «Мини-чат», «ToDo с сохранением»)
- Деплой на Vercel (фронт) и Render/Replit (бэк)
- Защита проекта и вручение 📜 сертификата веб-разработчика
💡 Особенности курса:
- Все технологии — актуальные в 2026 г.
- Акцент на реальных проектах, а не абстрактных задачах
- Используются бесплатные инструменты: Figma, VS Code, GitHub, Vercel, Render
- По окончании — готовое портфолио и навыки для фриланса или стажировки
- 🌐 HTML,CSS, JS, TS
- #️⃣ Figma и Bootstrap
- 👨💻 Node.js
- 💻 React.js
СОЗДАНИЕ САЙТОВ, ВЕБ-ПРИЛОЖЕНИЙ И СЕРВИСОВ
Команда курса
Преподаватели на курсе
Карепов Дмитрий Вадимович
ВГИК им. С.А. Герасимова (Всероссийский государственный институт кинематографии), факультет анимации и мультимедиа — художник-аниматор, специалист в области цифровой …
Зачесов Александр Анатольевич
Вологодский государственный университет Специальность: режиссура театра и кино (режиссёр-постановщик)
от 3600 ₽
Записаться