ПУБЛИКАЦИИ СОФТ ИГРЫ ВИДЕО МУЗОН ФОРУМ
Facebook Telegram Twitter RSS - лента новостей
Главная страница
Новости  
Аптека
Игры
Музон
Видео  
Книги журналы
Смартфон планшет
Разное
Обратная связь
АРХИВ 2009-2015
Софт
Аптека
· АПТЕКА
Игры
· ИГРЫ
Музыка
· МУЗЫКА
Видео
КНИГИ / ЖУРНАЛЫ
· КНИГИ / ЖУРНАЛЫ
Мобильник
· СМАРТФОН / ПЛАНШЕТ
Разное
· РАЗНОЕ
Новости по почте
Введите Ваш E-mail:

Опрос

Каким браузером Вы пользуетесь?
Всего ответов: 1741
В игре Cyberpunk 2077 появится Киану Ривз (ВИДЕО)В игре Cyberpunk 2077 появится Киану Ривз (ВИДЕО)
Выпущена Windows 10 1903 (May 2019 Update)Выпущена Windows 10 1903 (May 2019 Update)
Metro Exodus: Два крупных сюжетных дополненияMetro Exodus: Два крупных сюжетных дополнения
17 самых ожидаемых фильмов летом 2019-го17 самых ожидаемых фильмов летом 2019-го

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

11.06.2019 06:42 



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



Смотрите также:
Reallusion Cartoon Animator 4.01.0618.1 Pipeline + Resource Pack
Категория ДОК. / УЧЕБ. ВИДЕО | Просмотров 98 | Добавил tottall | Дата 11.06.2019 06:42 | Теги Обучение, видеоуроки, CSS Grid, программирование, сайтостроение | Рейтинг 3.0/1 |


  ПОХОЖИЕ МАТЕРИАЛЫ:

Всего комментариев: 0
avatar

 
Вход на сайт


Логин:
 
Пароль:
 
 
Поделиться
Поиск по сайту

Встроенный поиск
Поиск по заголовкам
Google поиск
Yandex поиск


 AIDA64 AIDA64 v.6.00.5100
 Avast! Avast! Premier v.19.5.2378
 Mozilla Firefox Mozilla Firefox 66.0.4
 WinRAR WinRAR 5.71 Rus/Final
 Google Chrome Google Chrome 72.0.3626.109
 WebMoney Keeper Classic WebMoney Keeper WinPro 3.9.9.14
 µTorrent µTorrent 3.5.4 (build 44498)
 K-Lite Mega Codec Pack K-Lite Mega Codec Pack 14.3.6
 
CCleaner CCleaner 5.45.6611
 Opera Opera 54.0.2952.41
 Adobe Flash Player Adobe Flash Player 29.0.0.171
 Viber Viber 8.7.1.3
 AIMP AIMP 4.51.2075
 Skype Skype 8.20.0.9
 Download Master Download Master 6.15.1.1587
На сайте: 13
Гости: 13
Свои: 0

Рейтинг@Mail.ru Яндекс.Метрика

Материалы на сайте опубликованы пользователями для обмена и ознакомления, администрация не несёт ответственности за их содержание.
Мы не храним никаких нелегальных материалов, а также материалов охраняемых авторским правом. На страницах сайта выложены только ссылки на файлы.
Если вы являетесь правообладателем какого либо контента и не желаете его распространения, сообщите нам и нарушение будет устранено.

2009-2019 © skatay.com Обратная связь Карта сайта | Карта форума | Теги Создать сайт