Адаптивная верстка сайта с нуля по макету из Figma #1 Подготовка проекта

preview_player
Показать описание
Курс адаптивная верстка сайта с нуля по макету из Figma нацелен на то чтобы научить вас создать верстку сайта с нуля. По макету из Figma я покажу шаг за шагом как создается адаптивная верстка сайта. Адаптивная верстка сайта это верстка заточенная под разные устройства такие как смартфоны и планшеты. По макету из Figma делается верстка сайта в редакторе кода с использованием языка HTML и CSS.

В этом уроке мы рассмотрим макет сайта, который будем верстать из Figma. Ознакомимся с базовыми элементами фигмы. Скачаем редактор кода Visual Studio Code и я покажу какие плагины нам понадобятся для работы. Экспортируем макет сайта из Figma для дальнейшей верстки Pixel Perfect и создадим проект на компьютере и подготовим базовую структуру файлов и каталогов для комфортной работы над сайтом.

#html #css #figma #flexbox #grid #webdevelop #webdev #itdoctor
Рекомендации по теме
Комментарии
Автор

Уроки бомба, смотрим дальше!
Вам большое благодарю!

saneok
Автор

Четко, ясно, подробно, не затягивая - объяснение супер понятное. Огробное спасибо.

zfxrdom
Автор

Спасибо за такой прекрасный и подробный курс🙏

slxpqid
Автор

Как долго я вас искал, искренне благодарен

Kernetym
Автор

Я не смотрел это видео, но лайк все равно поставлю, поскольку я знаю, насколько у вас качественные уроки. А что касается лично меня, то я сейчас изучаю ваши уроки по натяжке верстки на вордпресс.
Удачи вам!

luxarmiger
Автор

Очень интересно, продолжай в том же духе.

dimalukashenko
Автор

Огромное спасибо! Очень полезное видео! Рекомендос)

Gstayle
Автор

спасибо! максимально круто и подробно!

tequpvl
Автор

красотища! лукас от сеошника-профи СЕООНЛИ

seoonlyRU
Автор

Спасибо, прохожу курс на Udemy, пока все понятно

ibxmgqc
Автор

Желательно растянуть на больше уроков, но видео короткие так очень хорошо смотрится👍

zwtclvz
Автор

Подскажите пожалуйста чем отличается обычная вёрстка от вёрстки под Битрикс?

Alexus
Автор

Я этот макет верстал в декабре 2020 года)))

dimadiv
Автор

Грустно, что у такого хорошего канала так мало подписчиков.

cmomoop
Автор

Спасибо за урок!
подскажите с чем может быть связана проблема что у меня liveserver изменения текста отображает в онлайне, а изменения css например background style он не делает. То есть в live нет цветов, при этом если открыть просто обычным способом цвета применяются...?
И еще подскажите как сделать настройку макета view only чтобы не сдвигать слои?

AchtungBaby_
Автор

Заметил у вас редактор кода Kate. Можете о нём что-нибудь сказать? Интересуюсь, потому что когда-то пробовал linux openSUSE с графическим окружением KDE и там по умолчанию. идёт этот редактор кода. В нём разбираться не стал, потому что VC Code удобнее. Но в целом любопытно: использует ли его?

Отдельный вопрос: можно ли заниматься вёрсткой на linux, ведь большая часть профессиональных программ вроде Photoshop, AvaCode и Figma устанавливаются на Windows или MacOS.

cmomoop
Автор

Помогите мне) пжлст. Я скачиваю макет по ссылке, но он не открывается. И пишет что не возможно прочитать файл. Что он не является правильным точечным рисунком((.

fxuopnh