[CBS] HTML5 Advanced

HTML5 Advanced ​

​

HTML5 уже внедряется во многие браузеры и в скором времени мы станем свидетелями небывалого роста производительности, интерактивности и масштабируемости веб приложений.​

Пройдя этот курс Вы узнаете, как применять передовые технологии, основанные на HTML5, для написания приложений, позволяющих максимально использующих возможности современных браузеров. Курс описывает новые инструменты в HTML5 для веб разработчика и благодаря простым примерам позволяет освоить базовые концепции и задать правильное дальнейшее освоение нового веб стандарта. Этот курс станет для Вас отличным стартом в освоении новой технологии.

Спойлер

Предварительные требования
• Знание JavaScript
• Знание основных тегов HTML и CSS атрибутов.
• Знание основ C# (для написания веб служб при работе с веб сокетами и XmlHttpRequest)

Целевая аудитория
Веб разработчики и специалисты, занимающиеся версткой страниц.

Содержание курса:

Урок 1. Новые элементы HTML5. Семантическая разметка.​

В материалы данного урока входят сравнительные примеры верстки сайта на HTML5 и HTML4. Рассматриваются новые семантические элементы разметки и функции JavaScript позволяющие проверить наличие поддержки стандарта в браузере.​

Также, урок охватывает темы использования мультимедийных элементов audio и video и проблемы применения различных аудио и видеокодеков.​

​

Урок 2. Canvas и HTML5 формы​

Примеры написания JavaScript сценариев использующих основные функции canvas для построения растровой графики и сложных интерактивных элементов страницы.​

Разработка форм с применением новых элементов input и атрибутов упрощающих проверку данных введенных пользователем.​

​

Урок 3. WebStorage и Offline Application​

Способы хранения данных на стороне клиента – Cookie, SessionStorage, LocalStorage, WebSqlDatabase. Примеры разработки Offline приложений.​

​

Урок 4. Коммуникационные средства HTML5​

Рассмотрение новых возможностей объектов XmlHttpRequest (основы технологии AJAX). Меж доменные запросы (Cross Origin Request) и обмен сообщениями (PostMessage).​

​

Урок 5. Технология WebSocket​

Разработка приложений реального времени. Примеры приложений с использованием технологии AJAX, проблемы реализации и производительности. Сравнительные примеры реализации приложений на основе WebSocket. Примеры описывают создание серверных служб и клиентских сценариев.​

​

По завершению курса Вы сможете:​

• Ориентироваться в возможностях основных современных браузеров​

• Использовать новые семантические элементы HTML5​

• Используя JavaScript, проверять наличие поддержки нужной функциональности в браузере​

• Работать с JavaScript библиотекой Modernizer​

• Использовать новые мультимедийные элементы управления для воспроизведения видео и аудиофайлов без использования посторонних плагинов в браузере​

• Отображать графику на странице с помощью элемента canvas​

• Использовать новые элементы для построения HTML форм​

• Использовать Geolocation API для определения местоположения пользователя​

• Разрабатывать веб приложения реального времени применяя технологию WebSocket​

• Использовать WebWorkers для выполнения трудоемких задач на стороне клиента​

• Разрабатывать страницы работающие с WebStorage​

• Разрабатывать Offline приложения, которые будут функционировать даже при отсутствии подключения к серверу​

​