Компьютерные науки

Введение в HTML5

Программа о нововведениях стандарта HTML5, включая структурные элементы, улучшенные формы и работу с мультимедиа. Демонстрируются новые встроенные возможности и функции геолокации.
Студентов 9037 Выпускников 1336 Для всех
690 ₽ 1 200 ₽
или любая сумма на ваше усмотрение
Вы можете оплатить любую сумму, чтобы поддержать наш проект и авторов программы. Объем услуг не зависит от размера вашей оплаты.
Темы:
Интернет-технологии, Программирование
Объем
36 час.
Длительность
30 дней
Нагрузка в неделю
9 час.
Формат обучения
Дистанционно (самостоятельно)
Описание Эта учебная программа посвящена современным возможностям гипертекстовой разметки и совместимости со стандартами веба. В учебной программе разбираются семантические теги, мультимедийные элементы без использования плагинов, встроенные инструменты для рисования и геолокации. Обучение выстроено вокруг практической демонстрации новых элементов. Последовательно изучаются формы, холст, мультимедиа и локальное хранилище, а регулярные тесты помогают убедиться в правильном понимании новых стандартов. Знания пригодятся практикующим веб-разработчикам.
Цели
  • Познакомить со структурными и семантическими нововведениями HTML5.
  • Дать ориентиры по использованию мультимедийных тегов и API.
  • Сформировать понимание принципов работы с локальным хранилищем.
Чему я научусь?
  • Использовать семантические теги для разметки структуры страницы.
  • Встраивать аудио и видео без применения сторонних плагинов.
  • Работать с холстом, веб-сокетами и локальными базами данных.

Авторы

Труфанов Олег Дмитриевич
Труфанов Олег Дмитриевич
Выпускник Новосибирского Государственного Университета, кандидат физико-математических наук.
Чему я научусь?
  • Использовать семантические теги для разметки структуры страницы.
  • Встраивать аудио и видео без применения сторонних плагинов.
  • Работать с холстом, веб-сокетами и локальными базами данных.

Учебный план

№ Занятия
Экзамен экстерном Внимание! Экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите подтвердить свои знания по данному курсу без его изучения или поверить свои знания по нему. Экзамен экстерном можно сдать только один раз. 90 мин
1 Знакомство с HTML5! Основные вехи истории создания HTML5. Перспективы языка, сравнение с другими стандартами. Проблемы совместимости. Обсуждаются новые свойства... Основные вехи истории создания HTML5. Перспективы языка, сравнение с другими стандартами. Проблемы совместимости. Обсуждаются новые свойства языка разметки, а также технологии, не имеющие прямого отношения к стандарту HTML5, но тесно с ним связанные. API браузеров. JavaScript/DOM. Сокеты. Автономные web приложения, кэши приложений и локальная база данных Web SQL. Увеличение производительности за счет компонента Web Workers. Геолокация. ещё
2 Новые структурные элементы в HTML5 В лекции рассматриваются структурные элементы HTML5. Демонстрируется, каким образом новые свойства языка взаимодействуют друг с другом... В лекции рассматриваются структурные элементы HTML5. Демонстрируется, каким образом новые свойства языка взаимодействуют друг с другом в контексте реальной web-страницы. Использование тегов логической компоновки документа: колонтитулов, навигационных панелей, автономных фрагментов контента, блоков для иллюстраций, разметки времени и даты. Специфика описания типа документа (DTD - Document Type Definition). Как новые средства языка поддерживаются в популярных браузерах. Методики, позволяющие заставить старые клиентские программы отображать неизвестные элементы разметки. ещё
3 Новые свойства форм в HTML5 Рассказывается о новых элементах разметки и атрибутах, улучшающих формы. Примеры новых элементов числового ввода, ползунков, списков... Рассказывается о новых элементах разметки и атрибутах, улучшающих формы. Примеры новых элементов числового ввода, ползунков, списков выбора даты и времени, выбора цвета из цветовой палитры, индивидуального поиска по сайту, элементов ввода со списком вариантов, поля для телефонных номеров, e-mail- и url-адресов. Новые механизмы вывода информации: вывод результатов вычислений, панель индикатора выполнения. Встроенная в HTML5 проверка заполнения формы. ещё
Новые свойства форм в HTML5 тест для курса Введение в HTML5 60 мин
4 Введение в видео HTML5 В данной лекции описывается элемент и некоторые связанные с ним API. Перечислены основные поддерживаемые видеоформаты.... В данной лекции описывается элемент ещё
5 Улучшение доступности видео-плеера HTML5 Лекция представляет собой описание проекта создания индивидуального видеоплеера HTML5 с улучшенной доступностью. На примерах рассматривается разработка... Лекция представляет собой описание проекта создания индивидуального видеоплеера HTML5 с улучшенной доступностью. На примерах рассматривается разработка элементов управления плеером: кнопок и ползунков. Создание титров и стенограмм. Описывается проблемы, связанные с управлением плеером посредством клавиатуры. Использование JavaScript-библиотекиjQuery для программирования индивидуальных особенностей видеоплеера. Приводится подборка полезных ресурсов в сети интернет. ещё
Улучшение доступности видео-плеера HTML5 тест для курса Введение в HTML5 60 мин
6 Холст HTML5 – основы "Основы использования элемента ""холст"". Из данной лекции вы узнаете, как создавать на холсте графические примитивы в... "Основы использования элемента ""холст"". Из данной лекции вы узнаете, как создавать на холсте графические примитивы в виде прямоугольных и треугольных областей со свойствами заливки и обводки. Даны особенности рисования линий и штрихов. Рисование фигур с помощью путей. Вставка в холст других изображений, сформированных элементами img и canvas. Манипуляции с пикселями изображения. Методики добавления на холст текста, теней и градиентов." ещё
7 Введение в сокеты Web Приводится описание API сокетов HTML5 с примерами использования. Основные протоколы для обмена информацией между клиентскими и... Приводится описание API сокетов HTML5 с примерами использования. Основные протоколы для обмена информацией между клиентскими и серверными приложениями. Методы, свойства и события объекта WebSocket. Описаны конструкторы для создания соединения с сервером, использующие различные настройки. Открытие и закрытие соединений. Характеристика сообщений от сервера, обработка основных ошибок, возникающих при работе с сокетами. Методики проверки поддержки сокетов в браузере клиента. ещё
Введение в сокеты Web тест для курса Введение в HTML5 60 мин
8 Автономное выполнение приложений Web с помощью HTML5 AppCache В данной лекции речь идет о методах кэширования приложений на клиентских компьютерах. Отличия кэша браузеров от... В данной лекции речь идет о методах кэширования приложений на клиентских компьютерах. Отличия кэша браузеров от кэша приложений HTML5. Файл манифеста и его основные директивы. Подключение манифеста к web приложению. Явное определение файлов для кэширования. Предоставление пользователю резервного контента. Использование API кэша приложений и событий для проверки использования актуальных версий файлов. Проверка поддержки технологии браузером. Статусы, события и обработчики событий кэша приложений. ещё
9 Хранилище Web: более удобное и мощное хранилище клиентских данных Рассматриваются сессионные (Session Storage) и локальные (Local Storage) хранилища данных на стороне клиента. Сравнение технологий хранилищ... Рассматриваются сессионные (Session Storage) и локальные (Local Storage) хранилища данных на стороне клиента. Сравнение технологий хранилищ HTML5 с технологией Cookie. Помещение и извлечение данных из сессионного и локального хранилищ. Удаление данных. Лимит хранилища. Использование событий хранилища. Вопросы безопасности и соответствующие рекомендации. ещё
Хранилище Web: более удобное и мощное хранилище клиентских данных тест для курса Введение в HTML5 60 мин
10 Web Workers за работой Введение в технологию многопоточного выполнения кода Web Workers. Принципы работы и случаи использования. Какие стандартные объекты... Введение в технологию многопоточного выполнения кода Web Workers. Принципы работы и случаи использования. Какие стандартные объекты JavaScript доступны для Web Workers. Присущие ему ограничения. Поддержка в современных браузерах. Дополнительные ссылки по теме. ещё
11 Как использовать API геолокации W3C В завершающей курс лекции описываются основные возможности API геолокации. Как определяется местоположение пользователя. Стандартные предупреждения безопасности.... В завершающей курс лекции описываются основные возможности API геолокации. Как определяется местоположение пользователя. Стандартные предупреждения безопасности. Способы использования API геолокации в приложениях web. Прямое и обратное геокодирование. Геолокация на примере карт от Google. ещё
Как использовать API геолокации W3C тест для курса Введение в HTML5 60 мин
Тренировочный экзамен Внимание! Тренировочный экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите проверить свои знания курса перед сдачей экзамена. Тренировочный экзамен можно сдавать сколько угодно один раз. 90 мин
Экзамен 60 мин

Какой документ я получу?

Сертификат

Выдаётся автоматически после успешного завершения программы.

Удостоверение о повышении квалификации

Выдается при наличии среднего специального или высшего образования (необходимые документы).

Стоимость программы

690 ₽ 1 200 ₽
или любая сумма на ваше усмотрение
Вы можете оплатить любую сумму, чтобы поддержать наш проект и авторов программы. Объем услуг не зависит от размера вашей оплаты.
^