Чему вы научитесь
- Вы поймёте, как из пустого файла собрать структуру страницы, подключить стили, расположить блоки, оформить текст, изображения, меню и типовые элементы интерфейса. После курса вы сможете уверенно верстать простые блоки, компоненты и страницы на HTML и CSS, а также понимать структуру чужих проектов.
О курсе
Цель курса - дать прочные основы для профессионального изучения вёрстки, после прохождения курса у вас будет сформирован навык создания структуры веб-страниц. Вместо десятков мелких упражнений — несколько полноценных практических задач, где вы собираете реальные блоки интерфейса. В курсе разобраны основы блочной вёрстки, стили и основные HTML-теги.
Программа курса
Модуль 1. Подготовка к работе Установите редактор, создадите первую структуру проекта, разберётесь с файлами HTML и CSS.
Модуль 2. Основы HTML Научитесь создавать структуру страницы: заголовки, текст, ссылки, изображения, списки, блоки.
Модуль 3. CSS и оформление Подключите стили, разберёте селекторы, цвета, размеры, отступы, границы и оформление текста.
Модуль 4. Блочная модель Поймёте, как работают div, вложенность, размеры блоков, отступы и расположение элементов.
Модуль 5. Flexbox Научитесь выстраивать элементы в строку и колонку, делать меню, карточки и типовые секции.
Модуль 6. Типовые компоненты Соберёте меню, fullheight-блок, UI-элементы, блоки с текстом и изображениями.
Модуль 7. Работа с проектом Разберёте структуру папок, подключение файлов, изображения, локальный сервер и базовую кроссбраузерность.
Для кого этот курс
Начальные требования
Подойдёт ли курс, если я совсем новичок? Да. Достаточно базовых навыков работы с компьютером.
Нужно ли знать JavaScript? Нет, курс посвящён HTML и CSS.
Сколько времени займёт обучение? Например: 1–2 недели при занятиях по 30–60 минут в день.
Будет ли обратная связь? Да, вопросы можно задавать в Telegram.
Смогу ли я после курса устроиться на работу? Курс даёт базу по HTML и CSS. Для трудоустройства нужно продолжать обучение: адаптивная вёрстка, JavaScript, Git, сборщики и практика.
Есть ли сертификат? Да, после прохождения курса доступен сертификат Stepik.
Можно ли учиться с телефона? Смотреть уроки можно, но код лучше писать на компьютере или ноутбуке.
Наши преподаватели
Как проходит обучение
- Смотрите короткие видеоуроки.
- Повторяете код за преподавателем.
- Выполняете практические задания.
- Задаёте вопросы в Telegram.
- Получаете обратную связь по сложным моментам.
- Двигаетесь в своём темпе, доступ к материалам сохраняется.
Я лично отвечаю на вопросы и помогаю разобраться, если код не работает.
Программа курса
Сертификат
Входит в 1 программу
Что вы получаете
- создать HTML-страницу с нуля;
- подключить CSS-файл и организовать структуру проекта;
- работать с div, секциями, заголовками, списками, ссылками и изображениями;
- использовать CSS-селекторы, псевдоклассы и базовые свойства;
- выстраивать блоки с помощью flex;
- верстать меню, карточки, текстовые блоки, fullheight-секции;
- понимать, как устроены типовые UI-компоненты;
- запускать локальный web-server через node/npm;
- подготовить простую страницу без Bootstrap, Tailwind и других фреймворков.