26.9 тыс
0
1.2 млн
Общество
ВебКадеми - веб-разработка, программирование и IT
Мобильная адаптация. GitHub pages. Завершение проекта. Верстка сайта на Gulp сборке
Заканчиваем верстку сайта интернет магазина. Сделаем мобильную адаптация. Опубликуем на GitHub pages. Первая часть: https://www.youtube.com/live/fg0lm8kOUWQ?si=6X6wKCX72mmLzGDm
Макет и готовый код со стрима в Telegram канале:
Урок по Gulp сборке:
Чат верстальщиков ВебКадеми:
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" 7 уроков по 30 мин:
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс по созданию и верстке сайтов:
Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Frontend разработчик. JavaScript + React":
Обучение с наставником, 3 месяца, результат, гарантия. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 🏁 Обучение с нуля 💁♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю Сайт школы ВебКадеми:
Вконтакте: https://vk.com/webcademy
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 Чат. Завершение стрима
Макет и готовый код со стрима в Telegram канале:
Урок по Gulp сборке:
Чат верстальщиков ВебКадеми:
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" 7 уроков по 30 мин:
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс по созданию и верстке сайтов:
Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс "Frontend разработчик. JavaScript + React":
Обучение с наставником, 3 месяца, результат, гарантия. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 🏁 Обучение с нуля 💁♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю Сайт школы ВебКадеми:
Вконтакте: https://vk.com/webcademy
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 Чат. Завершение стрима
