Canvas
ITVDN: курси програмування
Відеокурси з
програмування

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

Підписка

×

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

Ви дійсно бажаєте відкрити доступ до тестування за курсом HTML5 & CSS3 Поглибленний на 40 днів?

ВІДЕОУРОК № 2. Canvas

Для перегляду повної версії відеокурсу, онлайн тестування та отримання доступу до додаткових навчальних матеріалів придбайте курс Придбати курс
Для перегляду всіх відеокурсів 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:56
Прорисовка изображений в разметке
0:02:30
Поддержка браузерами
0:02:51
Холст
0:03:44
Система координат
0:04:23
Прорисовка линий
0:05:35
Настройка фигур
0:07:26
Рассмотрение методов и свойств canvas
0:37:32
Преобразования
1:05:35
Игра PingPong
ПОКАЗАТИ ВСЕ
Студенти також дивляться
HTML5 і CSS3 Базовий
ДЕТАЛЬНІШЕ
HTML5 та CSS3 Стартовий (2018)
ДЕТАЛЬНІШЕ

Купуй передплатуз доступом до всіх курсів та сервісів

Бібліотека сучасних IT знань у зручному форматі

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

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