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