Видео курс HTML5 & CSS3 Advanced. Принципы построения разметки Flex, Grid. Шаблоны сайтов - видео курсы ITVDN
ITVDN: курсы программирования
Видеокурсы по
программированию

Выбери свою IT специальность

Подписка

×

Вы открыли доступ к тесту! Пройти тест

Вы действительно хотите открыть доступ к тестированию по курсу HTML5 & CSS3 Углубленный на 40 дней?

ВИДЕОУРОК №4. Принципы построения разметки Flex, Grid. Шаблоны сайтов

Для просмотра полной версии видеокурса, онлайн тестирования и получения доступа к дополнительным учебным материалам купите курс Купить курс
Для просмотра всех видеокурсов ITVDN, представленных в Каталоге, а также для получения доступа к учебным материалам и онлайн тестированию купите подписку Купить подписку

Цель урока – ознакомление с новыми функциями HTML5, а именно с микроданными и пользовательскими атрибутами. Вы познакомитесь с функцией Drag&Drop, которая предназначена для перемещения элементов на странице. Автор расскажет об объекте navigator и его свойстве geolocation. Также вы изучите параметры, которые необходимы для получения функций доступа карты на страницу через JS код.

Читать дальше...

Цель урока – ознакомление с элементом HTML5 – canvas. Выучить основные атрибуты и правила разметки. Рассмотреть контур холста и систему координат. Выучить основные параметры прорисовки элементов, вариантов заливки, визуализации кривых и написание текста на canvas.

Читать дальше...

Цель урока – ознакомление с элементом HTML5 – localStorage, sessionStorage. Выучить основные принципы работы с хранилищами. Использование WebWorkers для подключения дополнительных потоков данных на страницу. Научиться использовать дополнительные функции и свойства аудио и видео элементов HTML5.

Читать дальше...

Цель урока – ознакомление с режимами разметки страниц CSS3 flexBox и Grid. Выучить основные принципы работы с адаптивной разметкой. Использование сеток для контролируемого отображения элементов на странице.

Читать дальше...

Цель урока – ознакомить студентов с новыми возможностями CSS3 –трансформациями и переходами. Обозначить различие между переходом и анимацией. Разобрать как использовать анимацию на странице вместе с трансформацией. Выучить понятие градиента и научиться его применять в стилях.

Читать дальше...

Цель урока – ознакомление с препроцессором SASS. Установка его в рабочее приложение, подключение и компиляция. Знакомство со сборщиком Gulp и установка node.js для использования пакетного менеджера.

Читать дальше...

Цель данного урока – продемонстрировать слушателям реализацию готового адаптивного сайта, с подключенным препроцессором SASS и системой сборки GULP.

Читать дальше...
ПОКАЗАТЬ ВСЕ
основные темы, рассматриваемые на уроке
0:00:36
CSS Flexible Box Layout Module
0:03:58
Свойства Flexbox
0:06:23
Практика с Flexbox
0:24:53
CSS Grid Layout
0:25:44
Свойства CSS Grid Layout
0:28:09
Функции CSS Grid Layout
0:29:15
Свойства auto-fill и auto-fit
0:29:37
Позиционирование элементов
0:31:21
Области
0:32:07
Практика с CSS Grid Layout Model
0:47:24
Практика позиционирования элементов
ПОКАЗАТЬ ВСЕ
Студенты также смотрят
HTML5 и CSS3 Базовый
ПОДРОБНЕЕ
HTML5 и CSS3 Стартовый (2018)
ПОДРОБНЕЕ

Покупай подпискус доступом ко всем курсам и сервисам

Библиотека современных IT знаний в удобном формате

Выбирай свой вариант подписки в зависимости от задач, стоящих перед тобой. Но если нужно пройти полное обучение с нуля до уровня специалиста, то лучше выбирать Базовый или Премиум. А для того чтобы изучить 2-3 новые технологии, или повторить знания, готовясь к собеседованию, подойдет Пакет Стартовый.

Стартовый
  • Все видеокурсы на 3 месяца
  • Тестирование по 10 курсам
  • Проверка 5 домашних заданий
  • Консультация с тренером 30 мин
59.99 $
Оформить подписку
Премиум Plus
  • Все видеокурсы на 1 год
  • Тестирование по 24 курсам
  • Проверка 20 домашних заданий
  • Консультация с тренером 120 мин
  • Скачивание видео уроков
199.99 $
Оформить подписку
Базовый
  • Все видеокурсы на 6 месяцев
  • Тестирование по 16 курсам
  • Проверка 10 домашних заданий
  • Консультация с тренером 60 мин
89.99 $
Оформить подписку
комментарии и обсуждения
Notification success