5 Просмотров· 28 Январь 2023· Игры и приложения
? Верстка интернет-магазина с нуля для начинающих | HTML, SCSS, VS Code, Figma
✅ Хостинг SpaceWeb - https://sweb.ru/ (размещает сайты с 2001 года)
По промокоду annblok вы можете получить на тарифные планы "Взлет", "Ракета", "Космос" скидку 43% при оплате на месяц или скидку 30% при оплате на год.
В этом видео мы верстаем макет, используя на практике HTML и SCSS в VS Code. В завершении мы публикуем нашу страницу на хостинг SpaceWeb, которая предоставляет удобную панель управления и и дает возможность подключить бесплатный SSL сертификат в пару кликов.
⚡️ Макет можно получить через донат:
1) по подписке (доступ ко всем макетам) https://boosty.to/annblok
2) по подписке (доступ ко всем макетам) https://vk.com/donut/tpverstak
3) разовая оплата через крипту с получением одного макета https://new.donatepay.ru/@annblok (в комментариях напишите email)
? Видео (часть 2) - https://youtu.be/sJgsEjpyZ5g
Используем в работе 2 плагина для VS Code:
Live Sass Compiler - https://marketplace.visualstud....io.com/items?itemNam
Live Server - https://marketplace.visualstud....io.com/items?itemNam
Плагин PerfectPixel - https://chrome.google.com/webs....tore/detail/perfectp
Аналог Pix to Pix - https://chrome.google.com/webs....tore/detail/pix-to-p
Основы 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://zen.yandex.ru/annblok
? ВК — https://vk.com/tpverstak
? Telegram — https://t.me/tpverstak
? Чат Telegram — https://t.me/tpverstakchat
? Instagram — https://www.instagram.com/annblok/
? TikTok — https://www.tiktok.com/@annblok_webdev
? Задать вопрос — https://frontendhelp.me/ru
? Обучение - https://frontendblok.com/
0 Комментарии