Фильм → Технология CSS Grid. Видеокурс (2019)

Технология CSS Grid. Видеокурс (2019)

В этом видеокурсе находится вся необходимая информация, как для новичков, так и более продвинутых разработчиков, изучив которую, можно начать самостоятельно заниматься версткой сайтов c нуля на достаточно продвинутом уровне. Благодаря курсу новички в сжатые сроки могут изучить HTML, CSS и новейшие технологии верстки, чтобы в последующем постепенно начинать верстать более сложные макеты.

CSS Grid — это мощная новая технология в верстке. Она позволяет быстро создавать динамические, отзывчивые, современные макеты на чистом CSS. При этом код чище и проще в поддержке, по сравнению с традиционными методами верстки. Grid Layout — это новая модель макета, которая обладает мощными способностями контролировать размеры и расположение блоков, а также их содержимого. Она представляет собой набор горизонтальных и вертикальных линий, которые образуют сетку, состоящую из рядов и колонок. Технология основана на разделении пространства для макета на столбцы и строки, а также на использовании предсказуемого поведения размеров. Grid позволяет точно позиционировать и масштабировать блоки контента в областях сетки, получаемых при пересечении этих столбцов и строк. Таким образом, получаем очень гибкое поведение верстки при адаптации.

Курс включает в себя 52 урока общей продолжительностью чуть более 13 часов без учета бонусов, в которых содержится все необходимая и исчерпывающая теоретическая база для старта в изучении материалов курса! Вы получите два практических блока в которых показана верстка двух PSD-макетов с нуля с использованием последних Web-технологий.

Блок №1. Верстка макета Landing Page
В первой части курса вы познакомитесь с макетом Landing Page. Эта часть включает в себя 27 уроков общей продолжительностью более 6 часов. Вы начнете с обзора того, что предстоит сверстать и увидите все составляющие макета. Далее будет показано несколько способов, как из макета Photoshop возможно экспортировать изображения для верстки. Вы увидите возможности автоматизации, пошаговую установку и настройку необходимых плагинов и, конечно же, настройку сборки при помощи Gulp 4, которую вы в дальнейшем сможете использовать для своей работы. Увидите описание HTML-разметки каждого из блоков, стилизацию и адаптацию их под различные разрешения экранов, чтобы верстка выглядела одинаково на различных устройствах. В итоге Вы увидите полноценную верстку Landing Page.

Блок №2. Верстка главной страницы сайта студии
Во второй части курса показана верстка главной страницы сайта студии. Данная часть включает в себя 25 уроков общей продолжительностью более 6 часов. Этот блок является более сложным по сравнению с предыдущим, т.к. его реализация будет полностью «резиновой», используя при этом адаптивную типографику, SVG-спрайты, ретинизацию изображений и многие другие возможности, о которых вы узнаете в данном блоке. Начнем с обзора макета, после чего будет рассмотрен еще один способ экспорта графики, а именно SVG из Adobe Illustrator. Далее подготовка к верстке, создание проекта и установка в него необходимых зависимостей, и шаг за шагом реализация имеющихся блоков. В результате, используя уже готовую сборку проекта при помощи Gulp 4 из предыдущего блока курса, вы полностью увидите процесс верстки главной страницы сайта студии.

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

Название: Технология CSS Grid
Автор: Денис Булыга
Жанр: Видеокурс
Язык: русский
Формат: HTML, MP4
Видео: AVC, 1280x720, ~185 Kbps
Аудио: AAC, 126 Kbps, 48.0 KHz
Размер: 7.24 Gb

Технология CSS Grid. Видеокурс (2019) Технология CSS Grid. Видеокурс (2019) Технология CSS Grid. Видеокурс (2019)

Скачать Технология CSS Grid. Видеокурс (2019)

-- --

Похожие материалы

HTML5 и CSS3 с нуля до профи. Видеокурс (2016)HTML5 и CSS3 с нуля до профи. Видеокурс (2016)
Наиболее полный и актуальный в Рунете курс на тему HTML5 и CSS3. После изучения этой системы вы освоите полностью адаптивную верстку с использованием последних новшеств этих двух языков гипертекстовой разметки и каскадных таблиц стилей.
Фреймворк Bootstrap 4. Руководство по адаптивной верстке. Видеокурс (2019)Фреймворк Bootstrap 4. Руководство по адаптивной верстке. Видеокурс (2019)
После прохождения видеокурса вы не просто узнаете, как быстро и качественно верстать адаптивные шаблоны сайтов с помощью Bootstrap, но и увидите, как создаются уникальные темы для WordPress. Знания из видеокурса позволяют научиться создавать в кратчайшие сроки функциональные сайты уже «под ключ» с уникальным дизайном.
Верстка-Мастер: от теории до верстки популярных шаблонов. Видеокурс (2018)Верстка-Мастер: от теории до верстки популярных шаблонов. Видеокурс (2018)
Из этого видеокурса вы узнаете обо всех тонкостях современной веб-верстки, научитесь быстро верстать сайты, применяя современные востребованные методы, подходы и технологии верстки. В курсе собрана вся важная теория в концентрированном виде, с пошаговым планом действий, примерами и практикой.
Практический курс по верстке лендинга (2017)Практический курс по верстке лендинга (2017)
Задача этого курса – последовательная верстка лендинга с нуля. В течение девяти уроков мы сверстаем с вами лендинг, который будет корректно отображаться на разных устройствах. Вы научитесь работать с препроцессорами PUG, SASS, с популярным сборщиком проектов Gulp, также затронем валидацию формы на javascript и «оживим» лендинг. Благодаря курсу...
HTML5 и CSS3 с Нуля до Гуру. Видеокурс (2014)HTML5 и CSS3 с Нуля до Гуру. Видеокурс (2014)
В курсе подробно рассматриваются нововведения HTML5 и CSS3 на примерах. Так же подробно разбирается верстка макета сайта и адаптация под современные браузеры. Курс будет полезен как для начинающих веб-мастеров, так и профессионалам.
Изучите HTML и CSS за несколько часов. Видеокурс (2018)Изучите HTML и CSS за несколько часов. Видеокурс (2018)
С помощью этого видеокурса вы научитесь верстать адаптивные HTML страницы. Вы самостоятельно создадите портал о кино, работающий как на компьютерах, так и в мобильных устройствах.
Создание успешного шаблона на Joomla. Видеокурс (2013) PCRecСоздание успешного шаблона на Joomla. Видеокурс (2013) PCRec
Раскрыта уникальная технология верстки успешных шаблонов. Сейчас Вы можете перестать безжалостно "сливать" посетителей конкурентам, чьи сайты уже имеют отзывчивый дизайн. Благодаря практическому видеокурсу «Создание успешного шаблона на Joomla» Вы узнаете как новичку сверстать шаблон с отзывчивым дизайном для Joomla, выполнив 7 конкретных шагов.