Presentation about capabilities of html5 and when to start using them.
Ehnanced and upgraded version of my previous presentation about html5
There are examples - right here
http://www.slideshare.net/markiyanmatsekh/html5-examples-10660313
2. ПЛАН ПРЕЗЕНТАЦІЇ
• Вступ
• Історія
• Детальніше про фічі
• Як і чому юзають html5
• Висновки
• Запитання + приклади
3. ЩО ТАКЕ HTML5?
Wiki каже:
HTML5 is a language for structuring and presenting content for the World Wide Web
HTML5:
- давно очікуване вирішення проблем з клієнтським вебом
- адаптація до сучасних вимог вебу
- домовленість між «всіма» про краще життя
- зачіпає значно більше, ніж html
- документація написана не тільки для дизайнерів і девелоперів, а
й для розробників браузерів
«So this is the problem that HTML5 set out to solve: to provide a standardized API, implemented
natively and consistently in multiple browsers, without having to rely on third-party plugins.»
5. ЗМІНИ
Основні принципи при розробці HTML5:
1. Підтримувати те, що вже існує
2. Мостити натоптані дороги
3. Пріоритети:
• Користувачі
• Девелопери + дизайнери
• Реалізатори браузерів
• Розробники документації
• Здоровий глузд
12. Multimedia
Нарешті!
- Теги <audio> і <video> з очікуваним функціоналом
- Вбудований програвач
- API для управління потоком зі скриптів
- Працює у всіх сучасних браузерах (правда не без проблем з форматами)
jPlayer- зручна бібліотека для jQuery
13. Graphics
Растрова графіка
Ніякої інформації про
створені об’єкти з боку
HTML
Вища продуктивність
Повний сапорт(з
exCanvas для ІЕ)
Векторна графіка
Всі елементи
записуються як XML-
сутності
Нижча продуктивність
Старший, але менше
сапорту
Canvas
Svg
17. Device Access
Geolocation!
navigator.geolocation.getCurrentPosition(callback); // тут вискакує попапка
function callback(geoPos) {
var latitude = geoPos.coords.latitude;
var longitude = geoPos.coords.longitude
var street = geoPos.address.street;// не на всіх браузерах
}
var watchID = navigator.geolocation.watchPosition(onUpdateLocation);
navigator.geolocation.clearWatch(watchID)// закінчити стеження
21. Connectivity
+
• Двосторонній зв’язок
• Новий протокол
• Невелика свобода на
транспортному рівні
• Складнощі для сервера
• Односторонній зв’язок
• Надбудова над Http
• Налагодження транспортного
рівня
• Простіша реалізація