Видео курс HTML5 & CSS3 Advanced. WebStorage. Audio. Video - курсы ITVDN
ITVDN: курсы программирования
Видеокурсы по
программированию

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

    Начать бесплатно

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

    Начать бесплатно

      ×

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

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

      ВИДЕОУРОК №3. WebStorage. Audio. Video

      Для просмотра полной версии видеокурса, онлайн тестирования и получения доступа к дополнительным учебным материалам купите курс Купить курс
      Для просмотра всех видеокурсов 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:01:02
      WebStorage
      0:04:06
      Сравнение cookie и WebStorage
      0:05:30
      Практика с QuerySelector
      0:09:04
      Практика с WebStorage
      0:27:04
      Технология WebWorkers
      0:29:42
      Практика с WebWorkers
      0:45:44
      Audio-элемент
      0:47:09
      Video-элемент
      0:48:17
      Практика с Audio и Video
      ПОКАЗАТЬ ВСЕ
      Студенты также смотрят
      HTML5 и CSS3 Базовый
      ПОДРОБНЕЕ
      HTML5 и CSS3 Стартовый
      ПОДРОБНЕЕ
      Пакеты подписки с доступом ко всем курсам и сервисам

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

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