Downloaden "#1. Верстка шапки сайта под Wordpress на Bootstrap 4 + Sass | Реальный заказ."

Получите PSD макет и все материалы к нему по ссылке: https://glo.academy/wp-playlist/ Марафон начинается с верстки шапки сайта под Wordpress. В этом уроке вы разберетесь как cверстать шапку сайта на Bootstrap 4 и писать css стили в препроцессоре Sass. Познакомитесь и на практике научитесь работать с макетами в Avocode, так же узнаете как подключать шрифты из GoogleFonts. Видео подходит для тех кто хочет научится верстать сайты под Wordpress и для новичков. Посмотрите полный плейлист верстки под Wordpress на Bootstrap 4 + Sass + Flexbox CSS с самого начала: https://www.youtube.com/playlist?list=PL3LQJkGQtzc5nqQ4G_QI-GfXA3Oklt9Z2 1:08 - создание архитектуры 2:50 - установка плагинов Bootstrap 4 4:18 - подключение сетки Bootstrap 4 к проекту 5:50 - подключение JQuery 7:50 - знакомство с Avocode 10:18 - интеграция цветов из _colors.sass 13:07 - подключение шрифтов из GoogleFonts 14:23 - запуск Browser-Sync 15:35 - начало разметки 16:10 - использование закрывающих комментариев 19:15 - "небольшая хитрость" через ctrl+shift+g 20:44 - оформление стилей для шапки 21:38 - амперсант в Sass 23:28 - автоматическая регулировка ширины для колонок 24:15 - выравнивание элементов горизонтали внутри строки 25:00 - выравнивание по вертикали внутри строки 26:16 - ::after для ссылок в навигации 27:54 - :hover для ссылок в навигации Ссылка на сайт Bootstrap 4: https://getbootstrap.com/ Сервис для работы с макетами Avocode: https://avocode.com/ Справочник HTML/CSS на русском языке: https://webref.ru/ Документация Sass на русском https://sass-scss.ru/ Документация Sass на анлглийском https://sass-lang.com/ ---------------------------------------------------------------------------------------- Получить нужные материалы для любого веб-разработчика - https://taplink.cc/glo_web_academy Получить консультацию куратора - http://bit.ly/2Ym5SqS Связаться с автором: https://vk.com/aislam23 telegram: https://t.me/aislam23 Мой блог: https://vk.com/islamov_blog Больше контента в нашей группе Вконтакте https://vk.com/glo_academy Присоединяйтесь к нашему сообществу Discord https://discord.com/invite/k5XzZ68 Мой канал в telegram "Лысый из браузера" https://tele.click/baldfrombrowser Еще у нас скоро стартует курс обучения. Напиши моему ассистенту: http://vk.me/glo_academy ----------- Я использую хостинг Link Host с 2014 года https://link-host.net/hosting/ Телеграм-каналы с дизайн-макетами для тренировки вёрстки: https://ttttt.me/figma2html https://ttttt.me/figma_start https://ttttt.me/figmatamplates Каналы с крутыми фичами на CSS и JavaScript: https://ttttt.me/codepen_js https://ttttt.me/css_features Канал с терминами для айтишников: https://ttttt.me/slang_it Канал, где публикуют ссылки на полезные сервисы и сайты: https://ttttt.me/linkforwork