HTML верстка сайта каталога интернет магазина на Gulp сборке. Часть 1
Сверстаем сайт интернет магазина. Главная страница с каталогом товаров. Верстка на Gulp сборке. HTML, SCSS, JS. Мобильная адаптация.
Макет и готовый код со стрима в Telegram канале: friZxyBulgNmYjE6
Второй стрим. Продолжение верстки:
Урок по Gulp сборке:
Чат верстальщиков ВебКадеми: QAxmsKj2HyWfEKzz
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов:
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
💻 Курс “Frontend разработчик. JavaScript React“:
Обучение с наставником, 3 месяца, результат, гарантия.
💻 Курс “Разработка сайтов на PHP MySQL“:
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.
🏁 Обучение с нуля
💁♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💈 Сайт школы ВебКадеми:
💈 Вступайте в группу Вконтакте:
💈 Подписывайтесь на Telegram:
ТАЙМ КОДЫ:
00:00 Начало стрима.
03:14 Макет. Где взять, как скопировать
05:27 Gulp сборка. Где взять, как запустить
13:55 Чат
15:25 Figma и платный dev mode. Плагин inspect styles
19:30 Чат
21:55 Начало верстки
23:28 Структура файлов в сборке
26:27 Подключение шрифтов
32:38 Верстка рекламного блока. Tagline
1:01:15 Чат
1:13:20 Курс по верстке
1:14:40 Чат
1:17:45 Верстка навигации
1:41:02 Чат
1:42:05 Верстка секции hero
1:49:25 Правка фоновой картинки
1:56:45 Контейнер для hero блока
2:03:10 Контент для hero блока
2:19:55 Чат
2:23:45 Секция New Arrivals
2:40:20 Верстка карточки
3:18:50 Чат
3:24:30 Данные и цикл для вывода карточек
3:42:00 Swiper
3:53:50 Чат
3:57:10 Настройка Swiper
4:46:15 Верстка секции Shop Collection
5:02:35 Чат
5:05:15 Retina для Shop Collection
5:07:35 Секция Best Seller
5:20:35 Чат
5:26:44 Секция Promotion
5:51:45 Верстка таймера
6:02:05 Организация скриптов
6:05:55 Скрипты для таймера
6:25:00 Чат
6:26:50 Действия по завершению таймера
6:35:00 Чат
6:37:00 Верстка с Chat GPT
6:46:00 Верстка секции Values
7:00:50 Верстка Newsletter
7:20:30 Верстка Footer
7:42:00 Завершение. Проверка макета. Чат
#HTML #CSS #верстка #WebCademy #ВебКадеми #HTML5 #CSS3 #html #css #html5 #css3 #javascript #js #gulp #сборка2024
1 view
2
4
2 weeks ago 00:37:31 1
Урок верстки журнала в Индизайн. Работа с текстом.
2 weeks ago 00:05:54 1
HTML уроки. Первый урок по HTML верстке. Уроки HTML CSS JS. Урок №1
3 weeks ago 00:00:54 1
CSS Анимируем плейсхолдер — placeholder-shown
3 weeks ago 00:01:00 1
Слайдер на чистом CSS? Хватит и двух строчек! Свойства scroll-snap
1 month ago 01:12:09 1
Создание красивого сайта с Parallax эффектом при скролле (HTML CSS JavaScript)
1 month ago 00:09:11 1
Как подключить CSS-стили к сайту 🔥CSS для самых маленьких #1 | CSS for beginners
1 month ago 06:38:50 1
Полный курс HTML & CSS за 6 часов
1 month ago 00:35:30 1
#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета
2 months ago 00:05:02 41
Open Server 6.0 - Как создать проект. Как использовать Apache
2 months ago 00:21:03 1
Выполняю РЕАЛЬНЫЙ ЗАКАЗ дизайн + вёрстка сайта на фрилансе LIVE / Веб-дизайн Figma + Craftum
2 months ago 00:18:09 3
[2022] Как РЕАЛЬНО ЗАРАБОТАТЬ в ИНТЕРНЕТЕ? Топ 10 работы дома без вложений!
2 months ago 00:00:09 1
ᵗᵍ Жизнь Кодера
2 months ago 00:51:12 1
Пишем свой select дропдаун на JS. Подробный урок
2 months ago 00:33:49 1
#9 Верстка сайта портфолио. Модальные окна
2 months ago 00:08:58 1
Таплинк: сколько стоит создание сайта с нуля? // Таплинк обучение
2 months ago 00:13:01 1
Топ-7 фишек HTML/CSS верстки сайта которые ты должен знать
2 months ago 00:32:32 1
ЧТО ТАКОЕ ФРОНТЕНД (FRONTEND)? И КАК ОН УСТРОЕН?
2 months ago 00:00:00 1
Верстаем посты на BB-блоках [Мастер-класс]
2 months ago 03:20:27 14
Программируем Instagram - JavaScript программирование с нуля, практика
2 months ago 00:51:40 1
Отправка формы на почту. Верстка валидация и отправка формы без перезагрузки. AJAX. PHPMailer.
2 months ago 11:10:20 2
Верстка сайта #html #css #js
2 months ago 00:02:53 1
ИЗБАВЬСЯ ОТ ЛЕНИ С ПОМОЩЬЮ ДНЕВНИКА. Список дел
2 months ago 00:16:13 1
Интенсивный курс адаптивная верстка сайта за 15 минут! html css
2 months ago 04:00:19 1
Верстка простого сайта для самых маленьких, html/css подробное объяснение