HTML5 Advanced
HTML5 уже внедряется во многие браузеры и в скором времени мы станем свидетелями небывалого роста производительности, интерактивности и масштабируемости веб приложений.Пройдя этот курс Вы узнаете, как применять передовые технологии, основанные на HTML5, для написания приложений, позволяющих максимально использующих возможности современных браузеров. Курс описывает новые инструменты в HTML5 для веб разработчика и благодаря простым примерам позволяет освоить базовые концепции и задать правильное дальнейшее освоение нового веб стандарта. Этот курс станет для Вас отличным стартом в освоении новой технологии.
Предварительные требования
• Знание JavaScript
• Знание основных тегов HTML и CSS атрибутов.
• Знание основ C# (для написания веб служб при работе с веб сокетами и XmlHttpRequest)
Целевая аудитория
Веб разработчики и специалисты, занимающиеся версткой страниц.
Содержание курса:
Урок 1. Новые элементы 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 приложения, которые будут функционировать даже при отсутствии подключения к серверу
Скрытое содержимое.Также, урок охватывает темы использования мультимедийных элементов 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 приложения, которые будут функционировать даже при отсутствии подключения к серверу