HTML верстка реального макета от А до Я. Джедай верстки #7 (Все выпуски) HD

Полезно? Подпишись на канал: https://goo.gl/o1TVqF Референсы для прохождения курса: https://goo.gl/RQ3sYS Приветствую вас, друзья в комплексном видео уроке по адаптивной HTML верстке макета на реальном примере. Данный выпуск является сборником всех выпусков "Джедай вёрстки #7" в одном видеоролике длительностью более 12 часов с подробными объяснениями всех нюансов современной адаптивной HTML верстки. Мы рассмотрим важнейшие моменты использования лучших инструментов и плагинов в профессиональной работе, использование адаптивной Bootstrap сетки для адаптации сайта на мобильных устройствах, использование CSS Flex для быстрой реализации нестандартных приёмов вёрстки, оптимизацию скорости загрузки сайта инструментом Google PageSpeed, а также подробно рассмотрим автоматизацию HTML верстки и правильный деплой проекта на рабочий хостинг с помощью Gulp. Тайм-коды по ключевым урокам: 00:00 ---- Урок 1: Подготовка к верстке, дополнительные материалы 29:33 ---- Урок 2: Подготовка графики для верстки, подключение шрифтов, Sass переменные 1:08:19 -- Урок 3: Начинаем верстать сайт. Лого, телефон, Hamburgers 1:56:17 -- Урок 4: Создаем открывающееся анимированное меню с помощью плагина Mmenu 2:46:37 -- Урок 5: Решаем проблемы с Mmenu. Продолжаем верстать 3:15:46 -- Урок 6: Флексбокс композиция 3:46:40 -- Урок 7: Заканчиваем HTML верстку шапки 4:18:09 -- Урок 8: Адаптация шапки для мобильных устройств 4:37:39 -- Урок 9: Адаптивная карусель, Sass цикл для чередования стилей 5:03:46 -- Урок 10: Шахматная карусель. Флексы 6:13:19 -- Урок 11: Fotorama - адаптивная галерея изображений 7:26:33 -- Урок 12: AJAX форма обратной связи и красивый отчёт об отправке 9:19:31 -- Урок 13: Верстка адаптивной карусели отзывов 10:14:33 - Урок 14: Секция «Наши партнеры». Центрирование изображений в карусели флексами 10:51:12 - Урок 15: Вёрстка футера, создание прелоадера и кнопки «Наверх» 12:15:44 - Урок 16: Часть 16 (Заключительная): Деплой, оптимизация для Google PageSpeed Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание контентного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Группа Вконтакте: https://vk.com/agragregra Twitter: https://twitter.com/agragregra