Технология CSS Grid (2019)

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

• Урок 1. Обзор PSD-макета и готовой верстки Landing Page
• Урок 2. Экспорт изображений для верстки из Adobe Photoshop CC 2018
• Урок 3. Установка Node Js, Gulp CLI и инициализация проекта
• Урок 4. Начало создания автоматизированной сборки при помощи Gulp 4
• Урок 5. Создание дополнительных задач по автоматизации
• Урок 6. Подготовка к верстке и детальный обзор проекта
• Урок 7. Создание HTML-разметки для шапки сайта
• Урок 8. Полная стилизация шапки сайта
• Урок 9. Создание разметки для блока баннера
• Урок 10. Стилизация баннера и написание собственного миксина
• Урок 11. HTML-структура блока с преимуществами
• Урок 12. Полная стилизация преимуществ
• Урок 13. HTML-разметка блока с работами
• Урок 14. Написание стилей для блока работ
• Урок 15. Доступность интерактивных элементов и адаптация блока работ
• Урок 16. Написание структуры для информационного блока
• Урок 17. Полная стилизация информационного блока
• Урок 18. Создание разметки для блока скиллов
• Урок 19. Стилизация блока со скиллами
• Урок 20. Анимация линий блока прогресса
• Урок 21. HTML-структура блока новостей
• Урок 22. Полная стилизация блока с новостями
• Урок 23. HTML-разметка блока карусели
• Урок 24. Стилизация карусели и подключение плагина OwlCarousel
• Урок 25. HTML-разметка блока контактов
• Урок 26. Полная стилизация блока контактов
• Урок 27. Полная реализация подвала

Блок 2. Верстка главной страницы сайта студии

• Урок 1. Обзор макета
• Урок 2. Экспорт SVG из Adobe Illustrator
• Урок 3. Подготовка к верстке
• Урок 4. HTML-разметка шапки сайта
• Урок 5. Стилизация шапки сайта
• Урок 6. Адаптив шапки сайта
• Урок 7. Улучшение типографики
• Урок 8. Создание разметки для блока меню
• Урок 9. Стилизация блока меню
• Урок 10. Доработка меню
• Урок 11. HTML-разметка блока проектов
• Урок 12. Стилизация блока проектов. Часть 1
• Урок 13. Стилизация блока проектов. Часть 2
• Урок 14. Стилизация блока проектов. Часть 3
• Урок 15. Адаптация блока проектов
• Урок 16. HTML-разметка блока студио
• Урок 17. Стилизация блока студио. Часть 1
• Урок 18. Стилизация блока студио. Часть 2
• Урок 19. Адаптация блока студио
• Урок 20. HTML-разметка блока с новостями
• Урок 21. Стилизация блока новостей
• Урок 22. Адаптация блока новостей
• Урок 23. Разметка подвала
• Урок 24. Полная стилизация подвала сайта
• Урок 25. Подключение Google maps

Бонусы:

• Верстка-Мастер. От теории до верстки популярных шаблонов
• Веб-дизайнер – профессионал. Создание востребованных макетов

Автор: Денис Булыга
Язык: русский

Формат: HTML, MP4
Видео: AVC, 1280x720, ~185 Kbps
Аудио: AAC, 126 Kbps, 48.0 KHz

Скачать обучающее видео "Технология CSS Grid" (7,24 ГБ):