09
июн 2019

Технология 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)



Показов : 49

Похожие фильмы

    Фреймворк 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 страницы. Вы самостоятельно создадите портал о кино, работающий как на компьютерах, так и в мобильных устройствах.

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