Урок полностью посвящен практике, где мы будем верстать сайт по макету Figma на HTML и CSS. Я покажу шаг за шагом как создается верстка сайта и расскажу как сформировать портфолио загрузив свою работу на бесплатный хостинг GitHub Pages. В качестве домашнего задания вы завершите верстку сайта самостоятельно и добавите эту работу в свое портфолио. 00:00 Обзор макета для верстки в Figma 08:10 Создание проекта, подключение шрифта, cоздание шапки и подвала сайта 15:09 Стили для шапки сайта и адаптивная версия 23:01 Стили для подвала сайта и загрузка на GitHub Скачать макет и код:
Плейлист с практикой по верстке: • Верстка сайта по макету из Figma Подробный курс "Верстка сайта с нуля по макету из Figma": • Верстка сайта с нуля по макету из Figma Уроки из этого цикла доступны в курсе "Frontend разработчик на HTML, CSS и JavaScript" так же в этом курсе много другой практики, верстки по макетам изучение JS, Git и т. д. Подробнее о курсе читайте на странице курса по ссылке:
Бесплатный курс "Тренажер по вёрстке, плагин Emmet" для ускорения вашей работы:
Эксклюзив на Boosty -
Telegram канал -
Курсы на Stepik -
Донаты на ЮMoney -
ВКонтакте - https://vk.com/itdoctorstudio
Яндекс Дзен -
Rutube -
#itdoctor #html #css #figma #git #github #vscode