Herunterladen "Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS. Часть 1"

Макет и материалы к уроку: https://t.me/+9XtDDNBdHAk4Yjhi Верстаю макет в прямом эфире. Макет будет на стриме в описании под видео. Адаптивная мобильная верстка HTML CSS JS из Figma. FlexBox, формы, карусель. Вторая часть. Адаптив: https://youtu.be/W-yCnNl8lyE Плейлист: https://youtube.com/playlist?list=PL1NBhQGGj46arKowyG-OBKSRSq7j1tO2v :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" От установки редактора, до публикации в сети. 👉 Получить уроки, конспекты, макет и код из уроков: http://webcademy.ru/htmlsite/ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс по созданию и верстке сайтов: https://webcademy.ru/htmlstart/ Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. Старт обучения: 01 Июля 2024 года. 💻 Курс "Frontend разработчик. JavaScript + React": https://webcademy.ru/jscourse/ Обучение с наставником, 3 месяца, результат, гарантия. Старт обучения: 08 Июля 2024 года. 💻 Курс "Разработка сайтов на PHP + MySQL": https://webcademy.ru/phpcourse/ Создание сайтов с системой управления. Присоединиться к курсу можно прямо сейчас. 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💈 Сайт школы ВебКадеми: https://webcademy.ru/ 💈 Вступайте в группу Вконтакте: https://vk.com/webcademy 💈 Подписывайтесь на Telegram: https://t.me/webcademynews ТАЙМ КОДЫ: 00:00 Вступление, где взять макет 03:05 Создание проекта, шрифты, reset.css 08:35 Экспорт графики из макета 18:00 container, переменные в CSS 26:45 Нестандартный container 33:05 Общение с чатом 35:40 Шапка сайта 43:50 Шапка. Структура элементов 50:00 Шапка. логотип 53:00 Навигация. Ссылки 59:58 Навигация. Login 1:04:13 Общение с чатом 1:06:05 Шапка. Контент 1:14:35 Шапка. Изображение 1:21:40 Шапка. Задвигаем картинку за текст 1:22:35 Общение с чатом 1:24:59 Секция Destinations 1:31:57 Destinations. контент в секции 1:37:20 Карусель 1:40:09 Карусель. Подключение плагинов 1:45:23 Карусель. Настройка owlCarousel 1:50:57 Карусель. Контролы для карусели 2:01:10 Карусель. Фикс плавающих кнопок 2:02:18 Общение с чатом 2:08:55 Секция Customers 2:11:30 Customers. Контент для секции 2:24:00 Реклама. Мои авторские курсы 2:27:30 Общение с чатом 2:31:02 Секция CTA 2:38:55 Секция Subscribe 2:50:50 Подвал сайта 2:53:20 Подвал. Стили для навигации 2:56:47 Подвал. Логотип 2:58:49 Рефакторинг кнопок по БЭМ 3:09:07 Общение с чатом