HTML Верстка корзины товаров HTML, SCSS, BEM naming
Макет и код к уроку в описании. Поделитесь видео в соц сетях. Поддержите выпуск уроков. Адаптивная верстка корзины товаров на HTML, CSS Grid, SCSS, BEM naming.
✅ Верстка на CSS Grid
✅ Препроцессор SCSS
✅ Использование BEM naming
✅ Мобильная адаптация
Figma макет и готовый код с урока:
Вторая часть. Добавление интерактива на React JS:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов:
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
💻 Курс “Frontend разработчик. JavaScript React“:
Обучение с наставником, 3 месяца, результат, гарантия.
💻 Курс “Разработка сайтов на PHP MySQL“:
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.
🏁 Обучение с нуля
💁♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💈 Сайт школы ВебКадеми:
💈 Вступайте в группу Вконтакте:
💈 Подписывайтесь на Telegram:
Тайм коды:
00:00 Введение и макет
01:50 Курс по HTML верстке
02:10 Создание проекта
07:01 Шрифты
09:30 Разметка для секции, контейнер, заголовок
25:04 Блок с корзиной
30:02 Шапка для корзины
36:47 Подвал для корзины
41:45 Продукт
45:26 Экспорт изображений
47:41 Добавляем изображения в разметку
54:03 Счетчик для товара
1:03:50 2-й и 3-й товары
1:07:45 Отступы между колонками в сетке
1:09:08 Адаптивная верстка таблицы
1:22:00 Финал
Закрытый канал с исходниками: 9XtDDNBdHAk4Yjhi
Ссылка на макет и код с вебинара:
#HTML #CSS #верстка #WebCademy #ВебКадеми #html5 #css3 #вёрстка #BEM #SCSS #grid
1 view
2
1
2 months ago 00:37:31 1
Урок верстки журнала в Индизайн. Работа с текстом.
2 months ago 00:05:54 1
HTML уроки. Первый урок по HTML верстке. Уроки HTML CSS JS. Урок №1
2 months ago 00:00:54 1
CSS Анимируем плейсхолдер — placeholder-shown
2 months ago 00:01:00 1
Слайдер на чистом CSS? Хватит и двух строчек! Свойства scroll-snap
2 months ago 01:12:09 1
Создание красивого сайта с Parallax эффектом при скролле (HTML CSS JavaScript)
2 months ago 00:09:11 1
Как подключить CSS-стили к сайту 🔥CSS для самых маленьких #1 | CSS for beginners
2 months ago 06:38:50 1
Полный курс HTML & CSS за 6 часов
2 months ago 00:35:30 1
#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета
3 months ago 00:05:02 41
Open Server 6.0 - Как создать проект. Как использовать Apache
3 months ago 00:21:03 1
Выполняю РЕАЛЬНЫЙ ЗАКАЗ дизайн + вёрстка сайта на фрилансе LIVE / Веб-дизайн Figma + Craftum
3 months ago 00:18:09 3
[2022] Как РЕАЛЬНО ЗАРАБОТАТЬ в ИНТЕРНЕТЕ? Топ 10 работы дома без вложений!
3 months ago 00:00:09 1
ᵗᵍ Жизнь Кодера
3 months ago 00:51:12 1
Пишем свой select дропдаун на JS. Подробный урок
3 months ago 00:33:49 1
#9 Верстка сайта портфолио. Модальные окна
3 months ago 00:08:58 1
Таплинк: сколько стоит создание сайта с нуля? // Таплинк обучение
3 months ago 00:13:01 1
Топ-7 фишек HTML/CSS верстки сайта которые ты должен знать
3 months ago 00:32:32 1
ЧТО ТАКОЕ ФРОНТЕНД (FRONTEND)? И КАК ОН УСТРОЕН?
3 months ago 00:00:00 1
Верстаем посты на BB-блоках [Мастер-класс]
3 months ago 03:20:27 14
Программируем Instagram - JavaScript программирование с нуля, практика
3 months ago 00:51:40 1
Отправка формы на почту. Верстка валидация и отправка формы без перезагрузки. AJAX. PHPMailer.
3 months ago 11:10:20 2
Верстка сайта #html #css #js
3 months ago 00:02:53 1
ИЗБАВЬСЯ ОТ ЛЕНИ С ПОМОЩЬЮ ДНЕВНИКА. Список дел
3 months ago 00:16:13 1
Интенсивный курс адаптивная верстка сайта за 15 минут! html css
3 months ago 04:00:19 1
Верстка простого сайта для самых маленьких, html/css подробное объяснение