RSS сайта | RSS форума | RSS каталога файлов | RSS блога | Карта форума | Карта сайта | Все теги сайта
Главная страница

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

ГлавнаяФорумБлогФайлыОбратная связьО сайтеГостевая книгаПоиск
Настал ваш час, чтобы заработать реальные деньги на своем сайте
Категория
Заставки-скринсейверы
Графика, дизайн
Фото+Картинки
Иконки
Обои
Windows,ОС
Безопасность
Мультимедия
Интернет
Утилиты
Журналы, книги
Видео-уроки
Фильмы
Музыка
Софт
Игры
Для мобилы
Юмор
Разное
PS градиенты
PS шаблоны
PS плагины
PS шрифты
PS рамки
PS стили
PS кисти

Доп. меню

Добавь нас в Яндекс
добавить на Яндекс

Устанавливайте виджет о новых публикациях варез-портала ProSidr.ru на главной странице Яндекса. Будьте в курсе последних обновлений в мире софта.

добавить на Яндекс

Новое в блоге

Как скрыть ссылку от ПС (поисковых систем)?

Как узнать, что сайт под фильтром АГС?

Внутренняя оптимизация - тексты

Оптимизация сайта до его создания

Бан - что это?

Настройка локальной сети.

SEO: Поисковая оптимизация от А до Я - 3 в 1 (21 апреля 2011)

Новинки форума
Разное
Чертежи, инженерная графика, 3D моделирование
Почему сайт выпадает с Яндекса?
Adobe After Effects CS3
- Сынок, ты пьяненький? - Угу, в попочку...
Про спорт
Смешная история
Простые иконки групп + psd
Как установить плагин (фильтр) в Photoshop?
Видеоурок "Новогоднее поздравление в ретро стиле"
Зарабатываем деньги на нашем сайте!
Как продлить жизнь жёстким дискам?
Приветик
3 февраля 2017 Апдейт тИЦ
У нас нашли, переходы с ПС
Яндекс тИЦ 03.12.2016
Правильное питание
Вечный двигатель на 4 киловатта
Ищу курс по созданию сайтов.
Быстро дадим обстановка в долг без отказа




Администрация сайта не претендует на авторские права. Материалы предоставленные на сайте, принадлежат их владельцам и предоставляются исключительно в ознакомительных целях.

Главная » Видео-уроки » 2019 » Июнь » 9 » Технология CSS Grid. Видеокурс (2019)
09.06.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)

Скачать Pic бесплатно Технология CSS Grid. Видеокурс (2019) на высокой скорости и по прямой ссылке!


Категория: Видео-уроки | Просмотров: 32 | Добавил: ulltrass | Теги: Видеоуроки, программирование, CSS Grid, обучение, сайтостроение | Рейтинг: 0.0/0

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Профиль

Привет, Гость
Вы в группе: Гости

Партнеры
Партнеры сайта ProSIdr



Реквизиты
Наши кошельки
WMU - U202985913646
WMR - R188616388079
WMZ - Z277596519981
WME - E201827653504

Наш баннер
Мы будем Вам признательны, если Вы разместите нашу кнопку у себя на сайте. Если Вы хотите обменяться с нами баннерами, пишите на форум в тему "Баннерообмен"

Наши баннеры

Переходы с ПС
Загрузка...

Новости

Календарь
«  Июнь 2019  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930

Опрос
Как Вы к нам попали?
Всего ответов: 44

Статистика
Зарегестрировано
Статистика материалов
Общая статистика

www.megastock.ru
Анализ сайта Яндекс.Метрика

Администрация сайта не претендует на авторские права. Материалы предоставленные на сайте, принадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Cайт оптимизирован для просмотра браузером Opera, Google Chrome, Mozilla Firefox, Safari.
           

Яндекс.Метрика
Яндекс.Метрика