Принципи побудови розмітки Flex, Grid. Шаблони сайтів
ITVDN: курси програмування
Відеокурси з
програмування

Замовити дзвінок

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

Підписка

Замовити дзвінок

+38 099 757 27 82

×

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

Ви дійсно бажаєте відкрити доступ до тестування за курсом 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 $
Придбати
Базовий
  • Усі відеокурси на 6 місяців
  • Тестування з 16 курсів
  • Перевірка 10 домашніх завдань
  • Консультація з тренером 60 хв
89.99 $
Придбати
Преміум
  • Усі відеокурси на 12 місяців
  • Тестування з 24 курсів
  • Перевірка 20 домашніх завдань
  • Консультація з тренером 120 хв
169.99 $
Придбати
коментарі та обговорення
Notification success