Чему вы научитесь
- Настраивать VS Code и Live Server, чтобы страница обновлялась в браузере при сохранении файла
- Верстать страницу по макету: заголовки, текст, картинки, кнопки, блоки
- Стилизовать страницу через CSS: цвета, шрифты, отступы, расположение блоков через Flexbox
- Делать адаптивную вёрстку, чтобы сайт нормально выглядел и на компьютере, и на телефоне
- Добавлять интерактив на JavaScript: реакция на клики, изменение текста на странице
- Сохранять проект в Git, заливать на GitHub и публиковать через GitHub Pages
О курсе
Научитесь делать сайт и выкладывать его в интернет — со ссылкой, которую можно отправить кому угодно.
Вы с нуля сверстаете лендинг по макету из Figma: сначала разметка страницы на HTML, потом стили на CSS, потом версия для телефона, потом интерактив на JavaScript. В конце вы зальёте сайт на GitHub Pages и получите настоящую ссылку вида username.github.io/project, её можно отправить другу, учителю или приложить к портфолио. Пять видео и один проект: каждый модуль вы дописываете то, что начали в предыдущем
Для кого этот курс
Школьники и новички, которые хотят освоить WEB-разработку.
Тем, кто пишет на Python и хочет сделать красивый интерфейс, а не только чёрное окно терминала или страницу Swagger.
Начальные требования
Компьютер с браузером. VS Code — бесплатный редактор, установку покажем в первом модуле. Для пятого модуля нужен бесплатный аккаунт на GitHub.
Преподаватели курса
165
Как проходит обучение
Модули 1–5 проходите по порядку — все файлы лежат в одном проекте и дополняются от модуля к модулю. Держите открытыми макет в Figma и браузер с Live Server. После каждого видео проверяйте чеклист и решайте задание на Stepik. После пятого модуля у вас есть ссылка на сайт в интернете.
Что вы получите
- Готовый лендинг по макету для вашего портфолио
- Публичную ссылку на сайт (GitHub Pages)
- Навыки HTML, CSS, JavaScript с нуля
- 5 модулей с видео и заданиями
Нагрузка
4-5 часов в неделю