01Набор открыт · курс для начинающих

Веб-разработка с нуля — от первого тега до портфолио на GitHub

За 8 недель вы пройдёте путь от «не знаю, что такое тег» до 3–4 готовых проектов в портфолио. Без опыта программирования — с нуля, шаг за шагом, под руководством Орлова Алексея Дмитриевича.

36 + 36часов Онлайн / дома
8 недельдлительность
3–4проекта в портфолио
0нужный опыт
student — portfolio.js
EXPLORER
index.html
style.css
portfolio.js
README.md
.git/
portfolio.js
1// путь студента
2const student = { level: "новичок" };
3
4const portfolio = [
5  "Лендинг", // нед. 1–2
6  "Todo-лист", // нед. 3–5
7  "Змейка", // нед. 6–7
8  "Магазин" // бонус
9];
10
11$ npm run career --start
⎇ mainUTF-8JavaScriptLn 11, Col 24
▲ ограниченный набор в группу

Осталось 6 мест из 15

группа заполняется
до конца набора
00дней
00часов
00минут
00секунд
Записаться сейчас →
02Для кого курс

Подойдёт, даже если вы никогда не писали код

Программа рассчитана на полных новичков — объясняю всё с нуля, без «само собой понятно».

Студентам

Хотите попробовать себя в IT и понять, ваше ли это — курс даёт честный результат уже через 3-4 недели.

Будущим разработчикам приложений

Ищете понятную точку входа в разработку с реальными проектами, которые можно показать в портфолио.

Просто любопытным

Хотите понять, как устроены сайты, и попробовать создать свой — без лишней теории, сразу на практике.

03Программа курса

36 часов онлайн · 6 модулей · нарастающая сложность

Каждый модуль заканчивается конкретным проектом, который сразу пополняет портфолио. Ниже — какая тема идёт за какой и почему.

1

HTML / CSS, основы Git — Лендинг

Недели 1–2 6ч онлайн · 6ч дома

Как устроена веб-страница, семантическая вёрстка, адаптивность и первая публикация в интернете.

Теги и семантика Flexbox / Grid Адаптивная вёрстка Git commit / push GitHub Pages
Результат: адаптивный лендинг, опубликован в интернете
2

JavaScript: основы, DOM, события — Todo-лист

Недели 3–5 10ч онлайн · 10ч дома

Первое знакомство с логикой программирования: переменные, функции и умение «оживлять» страницу.

Переменные и функции DOM и querySelector Обработка событий localStorage
Результат: Todo-лист с сохранением задач между сессиями
3

Циклы, состояние, таймеры — Змейка

Недели 6–7 8ч онлайн · 8ч дома

Учимся управлять состоянием во времени — от статичной страницы к работающей игре.

setInterval Обработка клавиш Логика столкновений Игровое состояние
Результат: работающая игра «Змейка» со счётом
4

Деплой, код-ревью, подготовка портфолио

Неделя 8 2ч онлайн · 2ч дома

Приводим все проекты и профиль на GitHub к виду, который не стыдно показать работодателю.

Код-ревью README и профиль GitHub
Результат: три опубликованных проекта, оформленный GitHub
✦

Бонус: массивы объектов — Интернет-магазин

Опционально 8ч онлайн · 8ч дома

Для тех, кто идёт быстрее программы — дополнительный, самый насыщенный по логике проект.

.filter() .sort() .map() .reduce() Корзина товаров
Результат: интернет-магазин с фильтрацией, сортировкой и корзиной
🎓

Демо-день — защита портфолио

Неделя 9 2ч онлайн · 2ч дома

Публичная презентация проектов группе и преподавателю, обратная связь, финальные штрихи.

Результат: готовое портфолио и опыт публичной презентации
04Технологии

С чем вы научитесь работать

Инструменты и технологии реального фронтенд-разработчика — те же, что используются в профессии, только на понятном для новичка уровне.

index.html
</>

HTML5

Семантическая разметка, структура страницы, формы

style.css
#

CSS3

Flexbox, Grid, адаптивная вёрстка, анимации

app.js
{ }

JavaScript (ES6+)

Логика, DOM, события, работа с массивами и объектами

git log
⎇

Git

Коммиты, история изменений, контроль версий проекта

README.md
◎

GitHub

Публикация проектов, GitHub Pages, оформление профиля

settings.json
▤

VS Code

Рабочая среда разработчика, расширения, горячие клавиши

console
▶

Chrome DevTools

Отладка кода, консоль, инспектор элементов

data.json
⌘

Web API

localStorage, JSON, работа с данными в браузере

05Что окажется в портфолио

4 проекта — от вёрстки до логики

Каждый проект закрывает свой набор навыков и остаётся у вас в портфолио с публичной ссылкой и кодом на GitHub.

Проект 1

Лендинг

Адаптивная одностраничная вёрстка по макету — первый сайт, опубликованный в сети.

Проект 2

Todo-лист

Приложение для задач с добавлением, удалением и сохранением данных в браузере.

Проект 3

Игра «Змейка»

Классическая игра на чистом JavaScript — со счётом, управлением и логикой столкновений.

Проект 4

Интернет-магазин

Каталог товаров с фильтрацией, сортировкой и корзиной — самый комплексный проект курса.

бонус
06Как проходят занятия

Формат: Онлайн + практика дома

Онлайн занятия — 36 часов

  • Разбор новой темы с преподавателем и живыми примерами
  • Практика онлайн с обратной связью в реальном времени
  • Групповые код-ревью и обсуждение решений
  • Расписание: вторник и четверг

Самостоятельная работа — 36 часов

  • Домашние задания с пошаговыми чек-листами
  • Готовые заготовки для сложных проектов (Змейка, Магазин)
  • Чат с преподавателем для вопросов между занятиями
  • Каждое задание пополняет портфолио
07Преподаватель

Кто ведёт курс

Орлов Алексей Дмитриевич

Программист · Веб-разработчик
Мой аккаунт на гитхабе

Занимаюсь веб-разработкой, участвовал во множество проектов, была своя веб-студия. Разрабатываю разных сложностей программы, оптимизирую сайты, занимаюсь алгоритмизацией :)

HTML/CSS JavaScript/TypeScript React/NextJS Nodejs/express 6-7 лет опыта
08Стоимость

Выберите удобный вариант оплаты

Оплатить можно сразу или частями

Полная оплата

Оплата одним платежем
17 500 ₽
  • 36 часов онлайн занятий
  • Проверка всех домашних заданий
  • 4 проекта в портфолио, включая бонусный
  • Обратная связь в чате между занятиями
  • Демо-день и защита портфолио
Записаться →

Оплата по месяцам

Разбивка на 2 платежа
8750 ₽ / мес
  • 36 часов онлайн занятий
  • Проверка всех домашних заданий
  • 4 проекта в портфолио, включая бонусный
  • Обратная связь в чате между занятиями
  • Демо-день и защита портфолио
Записаться →
09Вопросы

Частые вопросы о курсе

Нужен ли опыт программирования? +

Нет, курс рассчитан на полных новичков. Мы начинаем с самых основ — что такое браузер и файлы, и постепенно доходим до полноценных проектов на JavaScript.

Что нужно для занятий? +

Ноутбук или компьютер, где вы будете писать код и создавать сайты

Что если я пропущу занятие? +

У каждого занятия будет запись, которую вы сможете посмотреть в любое удобное время

Будет ли сертификат? +

Выдается сертификат гос. образца о повышении квалификации "Веб-разработчик" после окончания колледжа и сертификат прохождения курса

●Осталось 6 мест в группе

Готовы написать свой первый git commit?

Запишитесь на курс — и через 8 недель у вас будет портфолио из 3–4 проектов и уверенное понимание, как устроена веб-разработка.

Записаться на курс →