- Для всех
- С сертификатом
- На русском языке
- 12 часов
- 990₽
Основы вёрстки с HTML и CSS
Если учиться, то только на практике и с максимальным результатом — так, как на этом курсе. Практикующий разработчик объяснит вам все основы создания веб-страниц. В каждом модуле вы сможете попрактиковаться в HTML и CSS, а в конце курса получите грамотно свёрстанный вами сайт.
- Для всех
- С сертификатом
- На русском языке
- 12 часов
- 990₽
Чему вы научитесь
Использовать GitHub для управлением версиями исходного кода
Работать с макетами в Figma
Работать в VSCode
Применять все основные HTML-теги
Применять CSS-стили
Переносить макет на вёрстку в коде
Работать с формами, отступами, поведением, позиционированием
Содержание курса
Курс состоит из видео: теоретических и практических. В конце каждого модуля есть ссылка на исходный код модуля и задание для самопроверки. Сложные задания автор разбирает в отдельных видео.
- 8 модулей
- 12 часов
- GitHub, Figma, макет
- Знакомство с GitHub
- Создание и клонирование репозитория
- Изменения, commit, push
- Макет и знакомство с Figma
- Картинки и их экспорт
- Расширения VSCode
- Форматы картинок, иконки. Знакомство с index.html
- Исходники первого модуля. Задание для самопроверки
- Теги и начало вёрстки макета
- Базовые теги. Консоль devtools
- Разновидности тегов. Табличные теги.
- Заголовки и списки
- Разметка блока Header
- Разметка секций услуг. Тег section.
- Разметка секции «Отзывы»
- Разметка подвала (footer). Тег div.
- Подведение итогов
- Исходники модуля. Задание для самопроверки
- Знакомство с CSS
- Введение в стили CSS
- Практика: добавляем и применяем CSS
- Перенос с макета ссылок и цветов
- Перенос шрифтов
- Исходники модуля. Задание для самопроверки
- Отступы, devtools, блочные элементы
- Разбор задания
- Стили и devtools. Вкладки styles & computed
- Блочные и строчные элементы
- Padding
- Margin
- Практика: перенос отступов в различных блоках с макета
- Исходники модуля. Задания для самопроверки
Автор курса
Илья Фофанов
Сертификат от EngineerSpock Education
Подтвердит, что вы прошли курс, и усилит ваше портфолио или резюме.
Часто задаваемые вопросы
Для кого этот курс?
Курс предназначен для всех, кто хочет научиться верстать веб-страницы, используя технологии HTML и CSS.
Ещё курс подходит тем, кто хочет больше заниматься бэкенд-, а не фронтенд-разработкой, поскольку бэкендеры часто сталкиваются с необходимостью понимать HTML-код с CSS-стилями.