watermark logo

4 просмотров· 28 Январь 2023· Игры и приложения

? Верстка интернет-магазина с нуля для начинающих | HTML, SCSS, VS Code, Figma


Watcher
71 Подписчики

✅ Хостинг 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 Комментарии