Анна Блок's video: - HTML SCSS VS Code Figma

✅ Хостинг SpaceWeb - https://sweb.ru/ (размещает сайты с 2001 года) По промокоду annblok вы можете получить на тарифные планы "Взлет", "Ракета", "Космос" скидку 43% при оплате на месяц или скидку 30% при оплате на год. В этом видео мы верстаем макет, используя на практике HTML и SCSS в VS Code. В завершении мы публикуем нашу страницу на хостинг SpaceWeb, которая предоставляет удобную панель управления и и дает возможность подключить бесплатный SSL сертификат в пару кликов. Макет Figma - https://www.figma.com/file/m6QuIEQeta6Aip1yM6Rxdb/HTML-SCSS Итоговая верстка - http://infotpvers.temp.swtest.ru/ Используем в работе 2 плагина для VS Code: Live Sass Compiler - https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass Live Server - https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer Плагин PerfectPixel - https://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi?hl=ru Аналог Pix to Pix - https://chrome.google.com/webstore/detail/pix-to-pix-pixel-perfect/binboaimbgchaamickjnhgjdccohndin?hl=ru Основы Sass/SCSS - https://sass-scss.ru/guide/ Таймкоды: 00:00:00 Вступление 00:00:16 Коротко о том, что будем использовать 00:03:09 Подготовка проекта 00:11:36 Верстка шапки сайта 00:27:37 Верстка баннера 00:38:36 Верстка уведомления 00:42:45 Верстка коллекции 00:49:37 Верстка товаров 00:58:54 Верстка подвала сайта 01:04:43 Плагин PerfectPixel НОВОГОДНИЕ СКИДКИ на курсы по верстке, JavaScript и марафоны: https://tpverstak.ru/2020-sale/ ✅ Поддержать канал — https://www.youtube.com/channel/UCn5wduCq2Mus0v85QZn9IaA/join ✅ Instagram — https://www.instagram.com/annblok/ ✅ TikTok — https://www.tiktok.com/@annblok_webdev ✅ Сайт — http://tpverstak.ru ✅ ВК — https://vk.com/tpverstak ✅ Telegram — https://t.me/tpverstak ✅ Чат Telegram — https://t.me/tpverstakchat Обучение Frontend-разработке — https://frontendblok.com/ Frontend Book PDF — https://tpverstak.ru/frontendbook Задать вопрос про фронтенд или верстку — https://frontendhelp.me/ru