[2021] Основы верстки сайта с нуля! HTML5 и CSS3 - верстка макета
Современный и актуальный подход к верстке сайтов (лендингов) на HTML5/CSS3 с нуля для начинающих из Figma. Разберемся со всем, что волнует начинающих верстальщиков в одном емком уроке! И...
💻 Онлайн-курс «Веб-верстальщик: начало» - 7 занятий и личный наставник бесплатно: https://bit.ly/3duW5FP
🖌️ Макет: https://www.figma.com/file/qBe5OeAHs9Y7oQjX1j4CgH/Burning-Man?node-id=0%3A1
💻 Верстка с 3-мя эффектами, которых нет в видео: https://wayup.in/lm/load/burning-man?utm_source=youtube&utm_medium=video&utm_campaign=nightschool&utm_content=2-episode-download-files
⌨️ Sublime Text 3: https://www.sublimetext.com/3
0:00 Хайлайты
0:26 🎙️ Новый рэп, йоу
1:28 Что нас сегодня ждет
5:04 Редактор кода Sublime Text 3
5:50 Базовая структура и объяснение тегов HTML
11:20 Подключаем шрифты из Google Fonts
15:00 Основы CSS
20:37 ⭐ Самый главный принцип верстки
29:25 Как задать фон картинкой для секции (background)
31:10 Как создать меню в верстке (ul, li)
36:30 Dev tools (инструменты разработчика) в Chrome
44:01 Обидный баг в CSS
47:30 Что такое высота строки (line-height)
48:45 🤩 Как изучать верстку, чтобы было хорошо
56:55 🤔 {HOT!} 5 заповедей профессионального верстальщика
1:02:46 Новый розыгрыш! 🎁
1:03:55 Итоги предыдущего розыгрыша
1-ый эпизод шоу: https://www.youtube.com/watch?v=Fhc4o_FBccU
🌃🎓🌙 «Вечерняя школа» - это регулярное шоу для тех, кто хочет освоить дизайн и разработку сайтов. Весело. Нескучно. Чтобы вот прямо захватывало. Идеально смотреть после работы или во время работы, если она надоела и ты хочешь выйти на фриланс.
😉 Андрей Гаврилов - мое имя. Делаю сайты 10 лет. А еще, создал образовательный онлайн-проект WAYUP и здесь же преподаю. Путешествую по всему миру и веду блог:
https://instagram.com/andrew.gavrilov/
🎁 Используй промо-код NIGHTSCHOOL при оплате любого моего коучинга на WAYUP и получи скидку -30%:
https://bit.ly/3eK3Acd
Не забудь 👍 лайкнуть это видео, чтобы не забыть лайкнуть его!
Видео [2021] Основы верстки сайта с нуля! HTML5 и CSS3 - верстка макета канала WAYUP & Андрей Гаврилов
💻 Онлайн-курс «Веб-верстальщик: начало» - 7 занятий и личный наставник бесплатно: https://bit.ly/3duW5FP
🖌️ Макет: https://www.figma.com/file/qBe5OeAHs9Y7oQjX1j4CgH/Burning-Man?node-id=0%3A1
💻 Верстка с 3-мя эффектами, которых нет в видео: https://wayup.in/lm/load/burning-man?utm_source=youtube&utm_medium=video&utm_campaign=nightschool&utm_content=2-episode-download-files
⌨️ Sublime Text 3: https://www.sublimetext.com/3
0:00 Хайлайты
0:26 🎙️ Новый рэп, йоу
1:28 Что нас сегодня ждет
5:04 Редактор кода Sublime Text 3
5:50 Базовая структура и объяснение тегов HTML
11:20 Подключаем шрифты из Google Fonts
15:00 Основы CSS
20:37 ⭐ Самый главный принцип верстки
29:25 Как задать фон картинкой для секции (background)
31:10 Как создать меню в верстке (ul, li)
36:30 Dev tools (инструменты разработчика) в Chrome
44:01 Обидный баг в CSS
47:30 Что такое высота строки (line-height)
48:45 🤩 Как изучать верстку, чтобы было хорошо
56:55 🤔 {HOT!} 5 заповедей профессионального верстальщика
1:02:46 Новый розыгрыш! 🎁
1:03:55 Итоги предыдущего розыгрыша
1-ый эпизод шоу: https://www.youtube.com/watch?v=Fhc4o_FBccU
🌃🎓🌙 «Вечерняя школа» - это регулярное шоу для тех, кто хочет освоить дизайн и разработку сайтов. Весело. Нескучно. Чтобы вот прямо захватывало. Идеально смотреть после работы или во время работы, если она надоела и ты хочешь выйти на фриланс.
😉 Андрей Гаврилов - мое имя. Делаю сайты 10 лет. А еще, создал образовательный онлайн-проект WAYUP и здесь же преподаю. Путешествую по всему миру и веду блог:
https://instagram.com/andrew.gavrilov/
🎁 Используй промо-код NIGHTSCHOOL при оплате любого моего коучинга на WAYUP и получи скидку -30%:
https://bit.ly/3eK3Acd
Не забудь 👍 лайкнуть это видео, чтобы не забыть лайкнуть его!
Видео [2021] Основы верстки сайта с нуля! HTML5 и CSS3 - верстка макета канала WAYUP & Андрей Гаврилов
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Основы веб-дизайна с нуля. Урок #1. Практика в Figma для начинающих.Верстка HTML + CSS За 2 Часа. Из PSD. С Нуля. Полная Запись.Адаптивная верстка сайтов легко. Bootstrap в прошлом!Марафон по верстке сайта для новичков. День 15 самых страшных ошибок начинающих веб-дизайнеровБЭМ методология. Практический примерВерстка сайта с нуля по макету - Начинаем верстку. ВведениеУчим Html за 35 минут для начинающих от 10 лет (Основы) + Мотивация для разработчиков #ДомаВместеВЕРСТКА САЙТА ⚠️ Стоит ли учить HTML верстку в 2021?HTML и CSS с нуля для начинающих | 🔥 Быстрый Старт!Веб-дизайн сайта: что делать после 1-ого экрана?Как я делал реальный заказ и сколько заработал | Фриланс, Дизайн, Верстка, CMSРАЗБОР МОИХ ПЕРВЫХ ПРОЕКТОВ И ОТЗЫВОВ НА ФРИЛАНС-БИРЖЕ#1 Верстка реального заказа landing Page | Марафон вёрстки | Артём ИсламовОшибки начинающих при верстке сайтов на HTML и CSSСоздание сайта с нуля. Урок #1: СкетчАдаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]Основы веб-дизайна 2021. Figma. Полный урок.Основы HTML и CSS + верстка лендинга в 2021