Джедай вёрстки #4. Bootstrap: Погружение в адаптивную HTML-вёрстку на примере коммерческого сайта HD

Создание сайта от А до Я (комплексный курс): https://goo.gl/ankxq9 Создание интернет-магазина: https://goo.gl/7mDqYD Фриланс для начинающих: https://goo.gl/xOPRQ0 Сегодня большой день, друзья! Наконец то вышел наш любимый и бесконечно всеобъемлющий "ДЖЕДАЙ ВЁРСТКИ"! Еще он особенный потому, что мы впервые на практическом примере рассмотрим адаптировную HTML-вёрстку с использованием _optimized_html – стартового темплейта, адаптированно для молниеносной загрузки сайтов. Верстать будем как обычно с использованием Bootstrap. По ходу дела изучим использование практически всех компонентов Bootstrap, научимся правильно стилизовать этот фреймворк. Данные, результат вёрстки и референсы: https://webdesign-master.ru/blog/html-css/528.html Группа ВКонтакте: https://vk.com/agragregra Twitter: https://twitter.com/agragregra Таймкоды: 00:00 Начало 00:48 Обзор дизайна для вёрстки 02:06 Bootstrap Theme Elements 02:46 Обзор архива урока 03:53 Стилизация Bootstrap Elements 1:45:14 Приступаем к HTML-вёрстке проекта 1:46:34 Настройка HTML-проекта 1:55:26 Адаптивная вёрстка шапки (верхняя панель) 2:29:15 Вёрстка Bootstrap-слайдера 2:51:56 Приступаем к вёрстке контентной части 2:56:09 Вёрстка сайдбара 4:19:17 Вёрстка контента (центральная часть) 5:42:44 Вёрстка подвала сайта (footer) 6:14:29 Вёрстка всплывающего окна с формой (popup) 6:25:02 HTML-вёрстка внутренней страницы 6:43:49 Проверка скорости в Google PageSpeed 6:44:21 Заключение по адаптивной вёрстке, правки