Этот курс — первая ступень в мир веб-разработки. Вы научитесь создавать полноценные, адаптивные веб-страницы с нуля. Освоите базовые технологии: HTML и CSS, а также познакомитесь с системой контроля версий Git и платформой GitHub.

Курс построен на практике: каждая тема закрепляется упражнениями и небольшими проектами.

Чему вы научитесь

1. HTML — структура страницы

Вы узнаете, как строить каркас сайта с помощью HTML-тегов.

Темы:

Таблицы — оформление данных в строках и столбцах.
- Пример: таблица расписания занятий.
Списки — маркированные и нумерованные перечни.
- Пример: список ингредиентов для рецепта.
Фигуры — вставка изображений и графических элементов.
- Пример: фотография товара в интернет-магазине.
Медиаконтент — видео и аудио на странице.

2. CSS — оформление и стили

Вы научитесь управлять внешним видом элементов.

Темы:

Текст и фон — шрифты, цвета, фоновые изображения.
- Пример: белый текст на тёмном фоне с изображением.
Боксовая модель — отступы, рамки, поля (margin, padding, border).
- Пример: карточка товара с рамкой и отступами.
Flexbox — гибкое выравнивание элементов в одну линию.
- Пример: меню навигации с равномерным распределением пунктов.
Grid — создание сеток для сложных макетов.
- Пример: галерея изображений в три колонки.
Адаптивность — страницы, которые хорошо выглядят на любых устройствах.
- Пример: сайт, который перестраивается для телефона, планшета и компьютера.

3. GitHub — хранение и управление кодом

Вы освоите базовые команды Git и научитесь публиковать проекты на GitHub.

Темы:

Создание репозитория.
Коммиты и ветки.
Публикация сайта через GitHub Pages.

Формат обучения

Теория — короткие видеоуроки и текстовые конспекты.
Практика — задания после каждой темы.
Итоговый проект — создание лендинга с адаптивным дизайном.

Для кого этот курс

Начинающие веб-разработчики.
Дизайнеры, которые хотят верстать свои макеты.
Все, кто хочет создать свой первый сайт.

Результат после курса

Вы сможете:

Сверстать страницу любой сложности.
Сделать её адаптивной под мобильные устройства.
Выложить готовый проект на GitHub и показать его работодателю или клиенту.