5 | Создание каркаса на HTML, Расширения в VS Code #html #css #figma #git #github #vscode
Мини-курс полностью посвящен практике. В течении 9 уроков вы с нуля по макету из Figma научитесь создать верстку сайта. Я покажу шаг за шагом как создается адаптивная верстка сайта. Адаптивная верстка сайта это верстка заточенная под разные устройства такие как смартфоны и планшеты. В данном курсе я расскажу как сформировать портфолио и загрузить его на бесплатный хостинг GitHub Pages. Вы создадите верстку сайта самостоятельно и добавите эту работу в свое портфолио.
Расширения для VS Code, которые я использовал:
Для отображения цвета в CSS
Для работы с Git
Для подсветки табуляций
Для авто обновления браузера
Для быстрого копирования названий классов из HTML в CSS
🎥 Обновления Figma в 2023 году:
🎥 Бесплатный курс по Git и GitHub:
✏️ Репозиторий на GitHub:
📌 Скачать макет:
❕ Продолжение следует! Новые уроки во Вторник и Субботу, а все уроки (их будет 9) из этого мини-курса смотрите в плейлисте по ссылке:
🎥 Подробный курс “Верстка сайта с нуля по макету из Figma“:
💎 Уроки из этого цикла доступны в курсе “Frontend разработчик на HTML, CSS и JavaScript“ так же в этом курсе много другой практики, верстки по макетам изучение JS, Git и т. д. Подробнее о курсе читайте на странице курса по ссылке:
🎁 Бесплатный курс “Тренажер по вёрстке, плагин Emmet“ для ускорения вашей работы:
⚡️ Эксклюзив на Boosty -
💡 Telegram канал -
🎥 Курсы на Stepik -
💰 Донаты на ЮMoney -
ВКонтакте -
Яндекс Дзен -
Rutube -
#itdoctor #html #css #figma #git #github #vscode