HTML верстка сайта каталога интернет магазина на Gulp сборке. Моб. адаптация. GitHub pages. Часть 2
Заканчиваем верстку сайта интернет магазина.
Сделаем мобильную адаптация. Опубликуем на GitHub pages.
Первая часть:
Макет и готовый код со стрима в Telegram канале: friZxyBulgNmYjE6
Урок по Gulp сборке:
Чат верстальщиков ВебКадеми: QAxmsKj2HyWfEKzz
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов:
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
💻 Курс “Frontend разработчик. JavaScript React“:
Обучение с наставником, 3 месяца, результат, гарантия.
💻 Курс “Разработка сайтов на PHP MySQL“:
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.
🏁 Обучение с нуля
💁♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💈 Сайт школы ВебКадеми:
💈 Вступайте в группу Вконтакте:
💈 Подписывайтесь на Telegram:
ТАЙМ КОДЫ:
0:00:00 Старт
0:00:18 Начало стрима. Обзор верстки с первого стрима
0:02:50 Открываем проект
0:09:20 Доработка таймера
0:13:30 Чат
0:15:00 Мобильная адаптация
0:25:50 Миксины для медиа запросов
0:31:15 Продолжение адаптации Shop Collection
0:34:08 Секция Best Seller
0:35:40 Блок Promotion. Работа с контейнером
0:44:15 Чат
0:56:30 Директива @use в SCSS
1:18:15 Адаптация шапки под мобилку
1:43:00 Правка фоновой картинки
1:51:20 Адаптация New Arrival под мобилку
2:03:08 Адаптация Shop Collection
2:04:30 Работа с dynamic pagination в Swiper
2:19:20 Адаптация Shop Collection
2:23:37 Адаптация Best Seller
2:28:30 Адаптация карточек товара
2:34:00 Чат
2:48:25 Адаптация Promotion
2:59:55 Адаптация Values
3:07:30 Чат
3:11:40 Адаптация Newsletter
3:18:28 Адаптация Footer
3:27:54 Чат
3:35:10 Верстка мобильной навигации
4:24:40 Скрипты для мобильной навигации
4:33:25 Чат
4:42:45 Пример работы ученика с курса по верстке на фрилансе
4:45:40 Чат
4:46:55 Подготовка к публикации на GitHub pages. Сборка docs
4:48:20 Сборка docs
4:56:50 Фикс картинок. display: block
5:01:20 Отключение сжатия картинок
5:05:20 Создание репозитория для GitHub pages
5:10:10 Включение GitHub pages
5:13:45 Добавляем описание для GitHub репозитория
5:16:00 Чат. Завершение стрима
#HTML #CSS #верстка #WebCademy #ВебКадеми #HTML5 #CSS3 #html #css #html5 #css3 #javascript #js #gulp #сборка2024
77 views
0
1
1 month ago 00:57:37 1
HTML для начинающих: Базовый курс
2 months ago 00:08:06 1
Как я обучалась, JS и React: история мамы и разработчицы
2 months ago 00:53:36 1
Путин и взрывы домов в Москве. Резкий рост ВИЧ в армии РФ. ЧП на судне «Академик Николай Страхов»
2 months ago 05:19:31 1
HTML верстка сайта каталога интернет магазина на Gulp сборке. Моб. адаптация. GitHub pages. Часть 2