ВЕРСТКА САЙТА ИЗ FIGMA С НУЛЯ ДЛЯ НАЧИНАЮЩИХ | HTML, SCSS, FIGMA | ВЕРСТАЕМ САЙТ ДО КОНЦА | ЧАСТЬ 2
⬥Telegram-канал: https://t.me/maxim_webdev
⬥Instagram: / maxim_webdev
Ссылка на 1-ю часть верстки макета: • ВЕРСТКА САЙТА ИЗ FIGMA С НУЛЯ ДЛЯ НАЧ...
В этом видео мы продолжим верстку макета из Figma. В 1-й части мы полностью инициализировали проект, подключили необходимые модули, разработали блоки header и header-navigation.
В этой же части мы разработаем сайт до конца и он будет выглядеть как в шаблоне из Figma: https://www.figma.com/file/glve4jU7GH...
———————————
ПОЛЕЗНЫЕ ССЫЛКИ И МАТЕРИЛЫ ИЗ ВИДЕО:
1. Ссылка на макет из видео: https://www.figma.com/file/glve4jU7GH...
2. GitHub-репозиторий с кодом: https://github.com/M-fil/chairs-shop-...
3. Документация по методологии BEM: https://ru.bem.info/methodology/quick...
4. Игра “FlexBox Froggy” для изучения технологии FlexBox: https://flexboxfroggy.com/
5. CSS-свойство box-sizing: https://developer.mozilla.org/ru/docs...
6. CSS-свойство object-fit: https://developer.mozilla.org/ru/docs...
7. Что такое origin в git push origin и git pull origin?
Если вы напишите команду git remote -v в терминале, то увидите следующее:
origin https://github.com/M-fil/chairs-shop-... (fetch)
origin https://github.com/M-fil/chairs-shop-... (push)
Соответсвенно, origin заменяет прямую ссылку на GITHUB-репозиторий.
———————————
ТАЙМКОДЫ:
00:00 - Начало
00:15 - Разработка блоков special-products и recently-watched-products
24:19 - Разработка блока super-product
35:58 - Разработка блока info-blocks
52:53 - Разработка блока sponsors
01:04:39 - Разработка блока footer
01:24:39 - Добавляем глобальные стили ко всему проекту