Адаптивная верстка сайта с SCSS и JS. Объясняю по шагам. CSS Grid, БЭМ. Макет LoftHouse. Часть 2

Адаптивная HTML SCSS верстка сайта из Figma лендинга жилого комплекса LoftHouse. Макет, материалы и готовый код: https://t.me/+9XtDDNBdHAk4Yjhi (пост за 06 Мая 2023) Верстка по пакету из Figma, CSS препроцессор SCSS, использование миксинов и переменных. Медиазапросы и адаптивная верстка. Разметка на основе CSS Grid и Flexbox. JS скрипты для маски номера телефона, скрипт для youtube lightbox видео, скрипт для yandex карты с кастомным пином, тонкой CSS стилизацией и JS настройкой карты. Подробно с пошаговыми объяснениями для новичков и начинающих. Готовый код к уроку прилагается. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" От установки редактора, до публикации в сети. 👉 Получить уроки, конспекты, макет и код из уроков: http://webcademy.ru/htmlsite/ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс по созданию и верстке сайтов: https://webcademy.ru/htmlstart/ Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. 💻 Курс "Frontend разработчик. JavaScript + React": https://webcademy.ru/jscourse/ Обучение с наставником, 3 месяца, результат, гарантия. 💻 Курс "Разработка сайтов на PHP + MySQL": https://webcademy.ru/phpcourse/ Создание сайтов с системой управления. Присоединиться к курсу можно прямо сейчас. 🏁 Обучение с нуля 💁♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💈 Сайт школы ВебКадеми: https://webcademy.ru/ 💈 Вступайте в группу Вконтакте: https://vk.com/webcademy 💈 Подписывайтесь на Telegram: https://t.me/webcademynews Тайм коды: Мобильная адаптация 00:00:00 Мобильная адаптация. Медиа-запрос и миксин 00:08:03 Адаптация шапки 00:16:34 Иконка моб навигации 00:19:49 Мобильная навигация CSS 00:32:07 Мобильная навигация JS 00:38:42 Адаптация секции Benefits 00:45:53 Адаптация секции с карточками 00:53:09 Адаптация секции CTA 00:58:43 Адаптация секции с видео 01:00:59 Адаптация секции с картой 01:02:44 Адаптация секции Feedback 01:05:08 Адаптация подвала 01:07:23 Оптимизация графики JS Скрипты 01:11:32 JS маска для номера телефона 01:17:56 JS lightbox для youtube видео Yandex карта 01:22:17 Регистрация в API Yandex карт 01:23:45 Подключение карты на страницу 01:26:43 Центр карты 01:28:25 Кастомная метка 01:34:37 Baloon. Инфобокс с адресом 01:35:55 Настройка и стилизация отображения карты 01:45:03 Финал #HTML #CSS #верстка #WebCademy #ВебКадеми #HTML5 #CSS3 #html #css #html5 #css3 #javascript #js #grid #bem #scss #уроки #бесплатно #курс #rutube #Rutube #RUTUBE #рутуб #Рутуб #РУТУБ #ЮрийКлючевский #jQuery #JS #JAVASCRIPT #JavaScript

Видео Адаптивная верстка сайта с SCSS и JS. Объясняю по шагам. CSS Grid, БЭМ. Макет LoftHouse. Часть 2 автора ВебКадеми