#1 | Вёрстка сайта с нуля | Для начинающих | Figma | HTML, CSS

Всем привет, добро пожаловать, на первый урок из моего курса по вёрстке сайта с нуля для начинающих
Верстать будем на чистом HTML | CSS без дополнительных инструментов.

Ссылки:

00:00 - Введение
05:06 - Начало работы
12:16 - Шрифты
15:04 - Верстаем шапку
36:07 - Верстаем интро

#Вёрстка #HTML #CSS

[FrontEndtricks]

Всем привет, с праздником! (: напишите в комментариях было ли всё понятно, что я пытался объяснить?) а так же если у Вас остались вопросы вы можете задать их в телеграм чате, ссылка в описании )

[АнатолийЛавренев]

Парень, ты именно лютый тип. Мало того что внятно говоришь, ещё и объясняешь каждое действие. На изи можешь курс свой создать, я серьезно, не во всех курсах даже такое увидишь. Огромнейшее спасибо тебе, очень выручаешь

[BrainsCloud]

Спасибо, начал верстать свой первый сайт!

[baboon_hero]

Спасибо огромное за твой обучающий видеоролик - продолжай свое дело 😊

[олегникандров-сщ]

Спасибо ты мне очень помог, ты первый за долгое время кто внятно объяснил как правильно верстать.

[КонстантинЮрьевич-ре]

Здорово, ты говоришь довольно длительно для тебя, но для тех кто только начал практиковаться - самое то! Понравилось, внятная речь, даёшь пояснения - что ОЧЕНЬ важно! Поэтому сразу подписался и лайк!

[ShephardJack]

Классно спасибо, правда были ошибки при верстке у меня, долго разбирался что не так, у вас ушел час, у меня часов 5-7, начало положено буду дальше учиться, спасибо, да благословит Господь)

[uole]

Кайф видос. наконец-то нашел с подробным объяснением и не быстрой речью как у остальных

[АртурКельбиев]

Хороший практический урок, с теорией, таких не хватает на онлайн курсах ! С открытым макетом на Figma ! Спасибо !

[dalex]

Боже, спасибо за такой подробный курс, конечно есть несколько непонятных мне свойств наподобие флекса, но пока ты единственный, у кого я точь-в-точь списал и у меня реально получилось. Спасибо тебе большое!

[besquait]

Спасибо за видео, после изучения JS начал по немного забывать вёрстку, решил освежить знания.
Есть замечания по видео:
1) Я считаю, что лучше, если сначала происходила бы ПОЛНАЯ разметка СЕКЦИИ, а после уже написание стилей!?
2) В nav ты написал display: flex, можно же туда и влепить gap: 35px, и будет отступ у ссылок, не парясь за последний элемент, это сократит код, как по мне. ( это так же касается и других аналогичных моментов связанных с dp: flex и отступами ).

Так то рассуждать по поводу вёрстки можно долго, но я написал то, что меня больше всего волновало.
Однозначно подписка и лайк, сейчас не хватает таких видео на ютубе, где-то люди даже семантику не используют.

[svetlana_murkus]

Спасибо! Спасибо и еще раз спасибо! Ну очень крутой, понятный и четкий разбор! Реально классное объяснение из всего того, что я видела на ютуб!) Продолжайте!!
А теперь еще по теме пару вопросиков (я новичок, строго не судите)
1. Почему кнопку мы указали через ссылку, а не через Боттом?
2. В классе .nav__link::after. свойство position без родительского свойства не работает? Всегда так?
3. у position: absolute; родитель position: relative; всегда?
4. Почему мы используем transition: вместо анимации?

[ЕвгенийКулижников-жф]

Спасибо, чудесный урок! Подача огонь, продолжайте))

[ИванШмалько-шх]

Дружище, ты молодец))
Очень приятно смотреть, обьясняешь сразу, как только появляется мысть "Что это" =)
Супер!!

[timzag]

Здравствуйте.Увидел Ваш урок, понравилось.Подписался.Начал копировать, но "intro-bg" не расположился по центру, а ушёл в право, пришлось картинку обрезать по левому краю, чтобы было по центру.Дальше идёт нормально.Спасибо, всё понятно!

[ValerySun]

спасибо за урок, это очень помогает. пожалуйста не останавливайся, у тебя хорошая подача материала 🔥

[АндрейКоротченко-йй]

Все отлично.Редактор можно по крупней показывать.

[relvirelaxingmusic]

Спасибо! С Новым Годом! Здоровья и процветания!

[Th-xoqr]

Благодарю, все очень подробно и красиво сказано! Как только появлялись проблемы и вопросы, вы тут же давали ответ! В общем все подробно, хорошо и понятно сказано!

[seoonlyRU]

благодарю вас, держите лайк с ходу от сеошника, вебмастера и лапочки - СЕООНЛИ