[WEBFORMYSELF] Верстка-Мастер. От теории до верстки популярных шаблонов [2018]

Название: Верстка-Мастер. От теории до верстки популярных шаблонов

Автор: WebForMyself, Денис Булыга

Год: 2018

Жанр: Видеокурс

Язык: Русский

Продолжительность: 12:12:00



Описание: Верстка — это создание веб-страниц с помощью специальных языков.



Это процесс перевода макета сайта, созданного дизайнером в графической программе, в HTML-страницу. При этом используются специальные языки, которые для этого предназначены: HTML, CSS, Java.



Основная часть видеокурса состоит из двух больших практических блоков:



Блок 1. Верстка макета главной страницы интернет-магазина

Блок 2. Верстка макета Landing Page



В этих практических блоках показано, как с нуля шаг за шагом создать верстку PSD-макетов для главной страницы интернет-магазина и для посадочной страницы (Landing Page). Если у вас нет никаких знаний и навыков, то данный курс подойдет для вас идеально – вам следует начать изучение курса с бонусного блока. А если вы уже изучали HTML и CSS, но не представляете, как именно применять полученные знания на практике, либо если вы затрудняетесь с реализацией сложных элементов, – данный курс закроет все ваши пробелы в знаниях и даст бесценные навыки в максимально короткие сроки.



В курсе собрана вся необходимая, без лишней воды, информация, которая необходима новичкам, чтобы научиться верстать востребованные макеты сайтов. Собрана вся необходимая теория, причем по самым современным и передовым технологиям на рынке. Далее нужно будет просто нарабатывать опыт. А сверстав пару макетов, появиться понимание, правильно ли вы выбрали путь.



Этот курс насыщен практикой. В нем с самого нуля верстаются два самых популярных вида макета: макет интернет-магазина и макет лендинга. Вы в реальном времени увидите и прочувствуете процесс верстки. Причем не какие-то учебные легкие макеты, а современные макеты, которые востребованы на рынке сегодня.



В данном курсе макеты верстаются с использованием современных подходов. При верстке вы будете применять технологию Flex, препроцессор SasS и сборщик Gulp. Верстку сделаете кроссбраузерной и адаптивной под любые устройства. После изучения курса вы сможете использовать в своей разработке все эти инструменты.



Содержание

Блок 1. Верстка макета главной страницы интернет-магазина

Урок 1. Обзор макета главной страницы интернет-магазина

Урок 2. Нарезка изображений из PSD-макета

Урок 3. Сборка проекта при помощи Gulp

Урок 4. Реализация HTML-структуры для верхнего блока

Урок 5. Написание CSS-стилей для верхнего блока

Уроки 6. Адаптация верхнего блока под различные разрешения

Уроки 7. Написание HTML-структуры для блока со слайдером

Урок 8. Полная стилизация слайдера

Уроки 9. Медиа-запросы для блока со слайдером

Урок 10. Настройка и подключения плагина Owlcarousel 2 для слайдера

Урок 11. Полная верстка блока категорий

Урок 12. Написание HTML-структуры для блока с предложениями

Урок 13. Стилизация блока с предложениями

Урок 14. Адаптация блока с предложениями под различные разрешения

Урок 15. Полная верстка блока с баннером

Урок 16. Полная верстка блока с продуктами

Урок 17. Реализация HTML-структуры и написание стилей для блока с рекомендуемыми товарами

Урок 18. Подключение и настройка карусели для блока рекомендуемых товаров

Урок 19. Полная реализация блока с баннером

Урок 20. Верстка и адаптация блока с новостями

Урок 21. Верстка и адаптация блока со ссылками

Урок 22. Верстка подвала

Урок 23. Модернизация блока с поиском при помощи Java



Блок 2. Верстка макета Landing Page

Урок 1. Обзор макета и подготовка к верстке

Урок 2. Написание HTML-структуры для верхнего блока

Урок 3. Стилизация меню и блока с информацией

Урок 4. Завершение стилизации верхнего блока и написание миксина

Урок 5. Адаптация верхнего блока под различные разрешения

Урок 6. Полная верстка блока с преимуществами

Урок 7. Полная реализация блока с историей

Урок 8. HTML-структура для блока с услугами

Урок 9. Написание стилей и адаптация блока с услугами

Урок 10. HTML-структура для блока портфолио

Урок 11. Стилизация блока портфолио

Урок 12. Завершение стилизации блока портфолио и его адаптация

Урок 13. HTML-структура для блока Case Study

Урок 14. Написание стилей и адаптация блока Case Study

Урок 15. Верстка блока со статистикой

Урок 16. Написание HTML-структуры для блока с ценами

Урок 17. Стилизация и адаптация блока с ценами

Урок 18. HTML-структура для блока с командой

Урок 19. CSS-стили для блока с командой

Урок 20. Адаптация блока с командой при помощи медиазапросов

Урок 21. Верстка блока Great Integrations

Урок 22. HTML-структура для блока новостей

Урок 23. CSS-стили для блока новостей

Урок 24. Адаптация блока новостей под различные разрешения

Урок 25. HTML-структура для блока с формой

Урок 26. Стилизация и адаптация блока с формой

Урок 27. Верстка блока с предложением

Урок 28. Верстка подвала

Урок 29. Доработка мелочей и заключение



Бонус 1. Премиум-курс «Редактор NotePad++»

Бонус 2. Премиум-курс «Редактор Sublime Text»

Бонус 3. Премиум-курс «Учебник по основам HTML для начинающих»

Бонус 4. Премиум-курс «Учебник по основам CSS для начинающих»

Бонус 5. Премиум-курс «Верстка сайта для начинающих»

Бонус 6. Премиум-курс «Курс по HTML5. Основы»

Бонус 7. Премиум-курс «Курс по CSS3»

Бонус 8. Премиум-курс «Курс по Flexbox»

Бонус 9. Премиум-курс «Курс по Sass»

Бонус 10. Курс «Размещение лендинга в интернете. Хостинг. Домен»

Скриншоты



Формат видео: MP4

Видео: AVC, 1280x720, ~960 Kbps

Аудио: AAC, 64 Kbps, 48.0 KHz