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

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

За 9 недель вы пройдёте путь от «не знаю, что такое тег» до 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 React Nodejs Я могу много перечислять технологий:) 6-7 лет опыта
08Стоимость

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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