1,0×
00:00/30:35
Обзор макета для верстки в Figma
Верстка сайта по макету Figma на HTML и CSS, ДЗ и работа в портфолио
Урок полностью посвящен практике, где мы будем верстать сайт по макету Figma на HTML и CSS. Я покажу шаг за шагом как создается верстка сайта и расскажу как сформировать портфолио загрузив свою работу на бесплатный хостинг GitHub Pages. В качестве домашнего задания вы завершите верстку сайта самостоятельно и добавите эту работу в свое портфолио.
00:00 Обзор макета для верстки в Figma
08:10 Создание проекта, подключение шрифта, cоздание шапки и подвала сайта
15:09 Стили для шапки сайта и адаптивная версия
23:01 Стили для подвала сайта и загрузка на GitHub
📌 Скачать макет и код: github.com/..._portfolio
❕ Плейлист с практикой по верстке: www.youtube.com/...hIQbC0n7l0
🎥 Подробный курс "Верстка сайта с нуля по макету из Figma": www.youtube.com/...zja1Wh7fcd
💎 Уроки из этого цикла доступны в курсе "Frontend разработчик на HTML, CSS и JavaScript" так же в этом курсе много другой практики, верстки по макетам изучение JS, Git и т. д. Подробнее о курсе читайте на странице курса по ссылке: stepik.org/a/113402
🎁 Бесплатный курс "Тренажер по вёрстке, плагин Emmet" для ускорения вашей работы: stepik.org/113654
⚡️ Эксклюзив на Boosty - boosty.to/itdoctor
💡 Telegram канал - t.me/...official/4
🎥 Курсы на Stepik - stepik.org/...3773/teach
💰 Донаты на ЮMoney - sobe.ru/na/itdoctor
ВКонтакте - vk.com/...ctorstudio
Rutube - rutube.ru/.../23500045/
#itdoctor #html #css #figma #git #github #vscode
00:00 Обзор макета для верстки в Figma
08:10 Создание проекта, подключение шрифта, cоздание шапки и подвала сайта
15:09 Стили для шапки сайта и адаптивная версия
23:01 Стили для подвала сайта и загрузка на GitHub
📌 Скачать макет и код: github.com/..._portfolio
❕ Плейлист с практикой по верстке: www.youtube.com/...hIQbC0n7l0
🎥 Подробный курс "Верстка сайта с нуля по макету из Figma": www.youtube.com/...zja1Wh7fcd
💎 Уроки из этого цикла доступны в курсе "Frontend разработчик на HTML, CSS и JavaScript" так же в этом курсе много другой практики, верстки по макетам изучение JS, Git и т. д. Подробнее о курсе читайте на странице курса по ссылке: stepik.org/a/113402
🎁 Бесплатный курс "Тренажер по вёрстке, плагин Emmet" для ускорения вашей работы: stepik.org/113654
⚡️ Эксклюзив на Boosty - boosty.to/itdoctor
💡 Telegram канал - t.me/...official/4
🎥 Курсы на Stepik - stepik.org/...3773/teach
💰 Донаты на ЮMoney - sobe.ru/na/itdoctor
ВКонтакте - vk.com/...ctorstudio
Rutube - rutube.ru/.../23500045/
#itdoctor #html #css #figma #git #github #vscode
…