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

Получите PSD макет и все материалы к нему по ссылке:
http://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:
http://getbootstrap.com
Сервис для работы с макетами Avocode:
https://avocode.com
Справочник HTML/CSS на русском языке:
http://webref.ru
Документация Sass на русском
https://sass-scss.ru
Документация Sass на анлглийском
http://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.gg/k5XzZ68

Мой канал в telegram «Лысый из браузера»
https://tele.click/baldfrombrowser

Еще у нас скоро стартует курс обучения. Напиши моему ассистенту:
http://vk.me/glo_academy
————
Я использую хостинг Link Host с 2014 года
https://link-host.net/billing/pl.php?1786

Оцените запись
( Пока оценок нет )
Поделитесь с друзьями
Glo Academy
Добавить комментарий