1. Серія контенту:
2. Цей контент є частиною серії: Основи HTML5
3. Отже, що таке API?
4. Ведення бізнесу відповідно до розташування: Geolocation
5. Метод getCurrentPosition ()
6. Метод watchPosition ()
7. Метод clearWatch ()
8. Геолокаційні дані: об'єкт Position
9. «Працівники» Web Worker поспішають на допомогу
10. Спільно переглянуте Web Worker
11. Побудова сторінки, що містить два API-інтерфейсу
12. Малюнок 1. Розмітка сторінки API-інтерфейсу
13. Малюнок 2. Web-сторінка API-інтерфейсу
14. Лістинг 1. Початковий фрагмент HTML-файлу
15. Лістинг 2. Ініціалізація Geolocation
16. Лістинг 3. Карта геолокації і місце розташування
17. Лістинг 4. Вихідна інформація Web Worker
18. Лістинг 5. Вхідна інформація для Web Worker
19. JavaScript-файл
20. Лістінг 6. Функції Geolocation
21. Лістинг 7. Використання методу getElementById для отримання значень coords
22. Лістинг 8. Опції Google Map
23. Малюнок 3. Web-сторінка API-інтерфейсу з гібридною картою
24. Лістинг 9. Розміщення мітки початкового місця розташування
25. Лістинг 10. Web Worker
26. Лістинг 11. Терминация Worker
27. Файл Web Worker
28. Лістинг 12. Обчислення початкових даних
29. CSS3-файл
30. Лістинг 13. CSS3-опису
31. Висновок
32. Ресурси для скачування

основи HTML5

управління коммуніцірованія

Серія контенту:

Цей контент є частиною # з серії # статей: Основи HTML5

http://www.ibm.com/developerworks/ru/library/?sort_by=&show_abstract=true&show_all=&search_flag=&contentarea_by=Open+source&search_by=Основы+HTML5

Слідкуйте за виходом нових статей цієї серії.

Цей контент є частиною серії: Основи HTML5

Слідкуйте за виходом нових статей цієї серії.

Отже, що таке API?

API (application programming interface - інтерфейс прикладного програмування) - це сукупність інструкцій по програмуванню та стандартів, що визначають доступ до програмного додатку. Це дозволяє розробнику при проектуванні своєї продукції користуватися потужними можливостями, наданими відповідним API-інтерфейсом.

Специфікація HTML5 пропонує кілька нових API-інтерфейсів. приклади:

• API-інтерфейс двомірного малювання, що застосовується разом з новим тегом Canvas для відображення графіків і інших візуальних матеріалів.
• API-інтерфейс механізму кешування для підтримки офлайнових Web-додатків
• API-інтерфейс для відтворення відео і аудіо, що застосовується разом з новими тегами video і audio.
• API-інтерфейс для доступу до історії переглядів і для додавання сторінок до цієї історії.
• API-інтерфейс типу drag-and-drop для використання з атрибутом draggable.
• API-інтерфейс редагування для використання з атрибутом contenteditable.
• Сховище на стороні клієнта з API-інтерфейсами JavaScript для пар типу «ключ / значення», а також вбудовані бази даних на основі SQL.

Дана стаття присвячена двом API-інтерфейсів: Geolocation і Web Worker. Спочатку в статті розглядаються самі API-інтерфейси, а потім створюється сторінка, що містить обидва цих інтерфейсу.

Ведення бізнесу відповідно до розташування: Geolocation

API-інтерфейс Geolocation використовується для визначення географічного положення і для обміну цією інформацією. Цей API-інтерфейс повертає такі координати, як довгота і широта. Компанія може використовувати цю інформацію для пропозиції клієнтам відповідних послуг в зоні з вказаними координатами. У загальному випадку такі послуги носять назву LBS (Location-Based Services - послуги на базі інформації про місцезнаходження).

LBS-послуги звертаються до джерел географічних даних, які використовуються для встановлення реального місцезнаходження піддається моніторингу пристрої і, відповідно, людини, асоційованого з цим пристроєм. Ця функція надає зацікавленим сторонам можливості для взаємодії з цією людиною відповідно до ринкових умов для його поточного місця розташування.

З одного боку, такий бізнес дійсно забезпечує клієнтам якість, зручність і користь, а з іншого боку, він породжує економічні та фінансові переваги для акціонерів, кредиторів, пайовиків, співробітників і постачальників. LBS-послуги на основі так званої «геолокації» (Geolocation - визначення географічного розташування користувача мережі) вельми полегшують процес і моніторинг пристрою або індивідуума за допомогою браузера або пристрою небраузерного типу. З комерційної точки зору, геолокація є використання географічних активів для визначення місця розташування індивідуума і подальшого продажу цієї специфічної інформації будь-кому використовувати її в соціальних, комерційних чи інших цілях (при наявності законного дозволу від власника цієї інформації на такі дії).

API-інтерфейс Geolocation базується на новому властивості глобального об'єкта navigator під назвою navigator.geolocation. JavaScript-об'єкт navigator надає корисну інформацію про браузер відвідувача і про його системі. Геолокація здатна визначати широту і довготу за допомогою IP-адрес, баз даних в Інтернеті, бездротових мережевих з'єднань, триангуляційних методів, GPS-технологій і т.д. Слід зазначити, що точність геолокаційні інформації змінюється в залежності від засобів отримання цієї інформації. У деяких обставинах і в деяких місцях розташування неможливо отримання точної або взагалі будь-якої геолокаційні інформації.

Скрипти здатні задіяти об'єкт navigator.geolocation для встановлення інформації про місцезнаходження користувача пристрою. Після вилучення цієї інформації про місцезнаходження створюється об'єкт Position, який потім наповнюється відповідними даними.

Об'єкт navigator.geolocation має три методи:

• getCurrentPosition ()
• watchPosition ()
• clearWatch ()

Метод getCurrentPosition ()

Метод getCurrentPosition () витягує поточне місце розташування користувача, однак робить це лише один раз. Коли скрипт здійснює виклик вищевказаного методу, цей метод в асинхронному режимі намагається отримати інформацію про поточне місцезнаходження користувача пристрою. Термін асинхронне взаємодія означає, що відправник і одержувач не беруть участі в комунікаційному процесі одночасно. Використання асинхронного взаємодії дозволяє браузеру продовжити виконання іншої діяльності, оскільки він не зобов'язаний чекати відповіді від приймаючої об'єкта.

Метод getCurrentPosition () здатний мати до трьох аргументів:

• geolocationSuccess. Як передзвонити (callback) з поточним місцезнаходженням (обов'язковий аргумент).
• geolocationError. Як передзвонити в разі помилки (опціональний аргумент).
• geolocationOptions. Геолокаційні опції (опціональний аргумент).

Метод navigator.geolocation.getCurrentPositon () повертає поточне місце розташування користувача пристрою за допомогою зворотного виклику geolocationSuccess з об'єктом Position як параметр. У разі помилки здійснюється зворотний виклик geolocationError з об'єктом PositionError як параметр. Для аргументу geolocationOptions можна налаштувати такі три властивості: enableHighAccuracy, timeout і maximumAge. Ці опціональні властивості забезпечують, відповідно, високу точність (якщо пристрій підтримує її); період тайм-ауту, до закінчення якого відомості про місцезнаходження повинні бути повернуті; і максимальну тривалість часу, протягом якого допускається використовувати кешированниє дані про місцезнаходження.

Виклик методу getCurrentPosition () здійснюється наступним чином.

void navigator.geolocation.getCurrentPosition (geolocationSuccess, geolocationError, geolocationOptions);

Метод watchPosition ()

Метод watchPosition () регулярно опитує розташування користувача з метою спостереження за можливою зміною його місця розташування. Цей метод здатний мати до трьох аргументів.

Після виклику методу watchPosition він в асинхронному режимі запускає процес спостереження, в ході якого здійснюється витяг нового об'єкта Position і створення аргументу watchID. У разі успішного вилучення здійснюється відповідний зворотний виклик geolocationSuccess з об'єктом Position як аргумент. У разі помилки вилучення (коли викликаний метод має ненульовий аргумент geolocationError) метод генерує зворотний виклик geolocationError з об'єктом PositionError як аргумент. У разі зміни місцезнаходження пристрою здійснюється відповідний зворотний виклик з новим об'єктом Position.

Виклик методу watchPosition () здійснюється наступним чином.

long navigator.geolocation.watchPosition (geolocationSuccess, geolocationError, geolocationOptions);

Метод clearWatch ()

Метод clearWatch () терминирующего що виконується метод watchPosition (). Цей метод здатний мати лише один аргумент. Після виклику цього методу він знаходить раніше запущений аргумент watchID і негайно зупиняє його.

Виклик методу clearWatch () здійснюється наступним чином.

void navigator.geolocation.clearWatch (watchID)

Геолокаційні дані: об'єкт Position

API-інтерфейс Geolocation повертає географічний об'єкт Position. Цей об'єкт має дві властивості: timestamp і coords. Властивість timestamp містить момент створення геолокаційні даних. Властивість coords має сім атрибутів:

• coords.latitude. Оцінка широти.
• coords.longitude. Оцінка довготи.
• coords.altitude. Оцінка висоти.
• coords.accuracy. Точність наданих оцінок широти і довготи (в метрах).
• coords.altitudeAccuracy. Точність наданої оцінки висоти (в метрах).
• coords.heading. Поточне напрямок руху для користувача пристрої (в градусах, відлік яких ведеться за годинниковою стрілкою від напряму на географічний північ).
• coords.speed. Поточна колійна швидкість пристрою (в метрах в секунду).

Гарантується наявність лише наступних трьох атрибутів: coords.latitude, coords.longitude і coords.accuracy. Інші атрибути повертають null, в залежності від можливостей користувацького пристрою і взаємодіє з ним сервера позиціонування. Властивості heading і speed обчислюються на основі попереднього положення користувача (якщо це можливо).

«Працівники» Web Worker поспішають на допомогу

Засоби типу Web Worker ( «працівник») усувають проблеми одночасного виконання. Web Worker - це відповідь сімейства технологій HTML5 на проблему однопотокового виконання JavaScript. Web Worker виконує процеси в потоці, відділеному від потоку головної сторінки, що гарантує належне виконання основних функцій цієї сторінки, таких як підтримка стабільного призначеного для користувача інтерфейсу.

Web Worker - це JavaScript-файл, який завантажується і виконується у фоновому режимі. Це дозволяє завантажувати JavaScript-файл динамічно, а потім виконувати скрипт за допомогою фонового процесу, що не впливає на призначений для користувача інтерфейс. Працівники типу Web Worker володіють обмеженим доступом, їм дозволяється передавати тільки рядки. Оскільки Web Worker не використовує потік користувальницького інтерфейсу браузера, йому не дозволено доступ до DOM. Worker здатний використовувати посилання self і this для забезпечення глобального охоплення своєї діяльності. Зв'язок Web Worker і батьківської сторінки реалізується з використанням моделі на основі подій і методу postMessage ().

Внаслідок своєї багатопотокової природи Web Worker здатні користуватися лише підмножиною функцій JavaScript. Можливості Web Worker:

• Доступ до об'єкту navigator.
• Використання об'єкта location (в режимі «Тільки читання»).
• Виконання XMLHttpRequest для відсилання запитів по протоколу HTTP або HTTPS.
• Налаштування моментів часу або інтервалу для діяльності за допомогою setTimeout () / clearTimeout () і setInterval () / clearInterval ().
• Доступ до кешу додатків.
• Імпорт зовнішніх скриптів за допомогою методу importScripts ().
• Породження інших Web Worker (нащадок - subworker) повинен мати таке ж походження, як і головна сторінка, і перебувати в тому ж місці, що і батьківський Worker).

Існують два типи Web Worker: виділений Web Worker і спільно використовуваний Web Worker

Виділений Worker пов'язаний з створив його скриптом і здатний комунікувати з іншими Worker або з компонентами браузера. Однак він не здатний комунікувати з DOM.

Виділений Worker створюється за допомогою передачі імені JavaScript-файлу новому примірнику Worker. Ми створимо новий Worker за допомогою конструктора Worker () за допомогою вказівки URI-ідентифікатора для виконуваного скрипта Worker. Щоб створити виділений Worker, введіть показаний нижче код, який створює новий виділений об'єкт Worker.

var worker = new Worker ( 'worker.js');

Спільно переглянуте Web Worker

Спільно переглянуте Web Worker, як і виділений Web Worker, не здатний звертатися до DOM, а також має лише обмежений доступ до властивостей вікна. Спільно переглянуте Web Worker здатний комунікувати тільки з іншими спільно використовуваними Web Worker в тому ж домені. Спільно переглянуте Web Worker створюється за допомогою передачі імені JavaScript-файлу новому примірнику спільно використовуваного Worker.

Скрипти сторінки здатні комунікувати з спільно використовуваними Web Worker. Однак, на відміну від виділених Web Worker, коммуніцірованія в даному випадку здійснюється за допомогою об'єкта port і прикріплення обробника подій типу «повідомлення». Крім того, до першого використання postMessage () необхідно викликати метод start () порту.

Після того як скрипт Web Worker прийме перше повідомлення, яким користуються Web Worker підключає обробника подій до активного порту. У загальному випадку цей обробник запускає власний метод postMessage () для повернення повідомлення особі, яка коду, а потім метод start () порту генерує процес для вирішення повідомлення.

Для створення спільного ресурсу Web Worker ви повинні створити об'єкт SharedWorker (а не об'єкт Worker). Наступний код демонструє створення нового об'єкта SharedWorker.

var worker = new SharedWorker ( 'worker.js');

Побудова сторінки, що містить два API-інтерфейсу

Ми спроектуємо сторінку, яка містить базові діючі моделі API-інтерфейсів Geolocation і Web Worker. Крім того, ми використовуємо API-інтерфейс Google Map для відображення зібраних даних у вигляді карти.

Структура нашої сторінки показана на малюнку 1. Вона містить область Header, створену за допомогою тегів <header> </ header>, область Section, створену за допомогою тегів <section> </ section>, і область Aside, створену за допомогою тегів <aside > </ aside>.

Малюнок 1. Розмітка сторінки API-інтерфейсу

Описувані API-інтерфейси містяться в областях <section> і <aside>. Область Section містить API-інтерфейс Geolocation. Область Aside містить Web Worker, який обчислює початкові дані.

Після виконання Web-сторінка відображається у вигляді, показаному на малюнку 2. Для перегляду геолокаційні даних користувач спочатку повинен висловити згоду з колективним використанням його особистої інформації. Web Worker запускається при завантаженні сторінки. Якщо ви хочете подивитися на знайдені початкові дані, натисніть на кнопку Display Web Worker.

Малюнок 2. Web-сторінка API-інтерфейсу

HTML-файл

HTML-файл починається зі стандартною HTML5-інформації, показаної в лістингу 1. Розділ <head> містить виклик API-інтерфейсу Google Maps, який присвоює датчику значення False. Для використання API-інтерфейсу Google Maps розробник повинен вказати, чи використовує його додаток будь-якої датчик, наприклад GPS, для з'ясування місця розташування. Для свого застосування з API-інтерфейсом Google Maps ми повинні декларувати значення параметра датчика як True або False. Значення датчика обов'язково має бути задекларовано. Тег <head> також містить посилання на файли JavaScript і CSS3, які використовуються для управління функціями і для форматування Web-сторінки.

Лістинг 1. Початковий фрагмент HTML-файлу

<! Doctype html> <html> <head> <title> Basic GeoLocation Map & Web Worker Prime Number Calculator </ title> <script src = "// maps.google.com/maps/api/js?sensor=false" type = "text / javascript"> </ script> <LINK href = "GeolocationWebWorker.css" rel = "stylesheet" type = "text / css"> <script src = "HTML-Part3-GeolocationWebWorker.js" type = " text / javascript "> </ script> </ head>

Тег <body> містить подія onLoad, яке викликає функцію ініціалізації для геолокації (лістинг 2). Ця функція перевіряє, чи можливе використання геолокації в даному браузері. Функція ініціалізації знаходиться в JavaScript-файлі. Якщо браузер виявиться здатний комунікувати з API-інтерфейсом Geolocation API, то карта буде відображена.

Лістинг 2. Ініціалізація Geolocation

<Body onLoad = "initGeoApp ();"> <header> <hgroup> <h1> Geolocation & Web Worker </ h1> <h2> Making it work </ h2> </ hgroup> </ header>

Показаний в лістингу 3 тег <section> підлягає відображенню вихідну інформацію для об'єкта navigator.geolocation. Тег canvas для карти створюється з використанням значень довготи і широти, що повертаються описуваних API-інтерфейсом. Крім того, за допомогою тегів <span> </ span> відображаються дані Position coords.

Лістинг 3. Карта геолокації і місце розташування

<Section> <p> This is the geolocation example map. </ P> <div id = "map_canvas"> </ div> <p> This is the output from the navigator.geolocation object. </ P> <table> <tr> <td> accuracy: </ td> <td> <span id = "accuracyOutput"> </ span> </ td> </ tr> <tr> <td> altitude: </ td> <td> <span id = "altitudeOutput"> </ span> </ td> </ tr> <tr> <td> altitudeAccuracy: </ td> <td> <span id = "altitudeAccuracyOutput"> </ span> </ td > </ tr> <tr> <td> heading: </ td> <td> <span id = "headingOutput"> </ span> </ td> </ tr> <tr> <td> latitude: </ td> <td> <span id = "latitudeOutput"> </ span> </ td> </ tr> <tr> <td> longitude: </ td> <td> <span id = "longitudeOutput"> </ span> </ td> </ tr> <tr> <td> speed: </ td> <td> <span id = "speedOutput"> </ span> </ td> </ tr> </ table> < / section> <aside> <p> This is the Web Worker. </ P> <p> Prime number calculation result: <output id = "result"> </ output> </ p>

Web Worker обчислює початкові дані. Для відображення результатів обчислень, що надаються Web Worker, ми використовуємо новий тег <output>. Ідентифікатор ID, присвоєний в тезі <output>, являє собою той же ідентифікатор ID, який JavaScript-модуль використовує для позначення вироблених їм обчислень. Ідентифікатори ID використовуються в тегах <span> і <output>, що робить їх доступними для DOM. Якщо довідковий ідентифікатор ID відсутній, то JavaScript-модуль не знатиме, який тег йому слід використовувати: <span> або <output>. Вихідна інформація Web Worker показана в лістингу 4.

Лістинг 4. Вихідна інформація Web Worker

<Aside> <p> This is the Web Worker. </ P> <p> Prime number calculation result: <output id = "result"> </ output> </ p>

Спочатку перша функція onClick використовується в тезі <input> для відображення значень, обчислених модулем Prime Number Web Worker, а потім друга функція onClick використовується для зупинки Web Worker. Відповідний код показаний в лістингу 5. Функція displayWorker () забезпечує відображення результатів обчислень Web Worker після натискання на відповідну кнопку. Web Worker починає обчислення початкових даних після того, як сторінка буде завантажена.

Лістинг 5. Вхідна інформація для Web Worker

<Input type = "button" value = "Display Web Worker" onClick = "displayWorker ();"> <input type = "button" value = "Stop Web Worker" onClick = "stopWorker ();"> </ aside> </ body> </ html>

JavaScript-файл

API-інтерфейси, представлені на сторінці прикладу, функціонують на базі механізмів JavaScript. API-інтерфейс Geolocation инициализируется за допомогою функції initGeoApp (). Ця функція инициализируется подією onLoad () в тезі <body> .Вона визначає, чи здатний браузер використовувати геолокацію (лістинг 6). Якщо браузер здатний використовувати геолокацію, здійснюється виклик API-інтерфейсу Geolocation. У разі успішного результату здійснюється малювання карти з використанням атрибутів Position. Після цього значення атрибутів виводяться під цією картою.

Лістінг 6. Функції Geolocation

function initGeoApp () {if (navigator.geolocation) {navigator.geolocation.getCurrentPosition (success, failure); } Else {alert ( "Your browser does not support geolocation services."); }}

Витяг значень здійснюється за допомогою методу document.getElementById за ідентифікатором ID, який був наданий в HTML-файлі. Метод document.getElementById належить об'єкту document; доступ до нього здійснюється, як показано в лістингу 7. Значення атрибутів Position зберігаються тут же, щоб їх можна було показати на екрані під відображається картою.

Лістинг 7. Використання методу getElementById для отримання значень coords

var map; function success (position) {document.getElementById ( "accuracyOutput"). innerHTML = position.coords.accuracy; document.getElementById ( "altitudeOutput"). innerHTML = position.coords.aktitude; document.getElementById ( "altitudeAccuracyOutput"). innerHTML = position.coords.altitudeAccuracy; document.getElementById ( "headingOutput"). innerHTML = position.coords.heading; document.getElementById ( "latitudeOutput"). innerHTML = position.coords.latitude; document.getElementById ( "longitudeOutput"). innerHTML = position.coords.longitude; document.getElementById ( "speedOutput"). innerHTML = position.coords.speed;

Цей розділ описує об'єкт LatLng API-інтерфейсу Google Map (лістинг 8). Об'єкт LatLng API-інтерфейсу Google Map надає координатну інформацію, необхідну для створення карти. Ви можете задати ступінь збільшення і деякі інші опції, які формують кінцевий вигляд карти для користувача.

Лістинг 8. Опції Google Map

var coordinates = new google.maps.LatLng (position.coords.latitude, position.coords.longitude); var myOptions = {zoom: 14, center: coordinates, mapTypeControl: false, navigationControlOptions: {style: google.maps.NavigationControlStyle.small}, mapTypeId: google.maps.MapTypeId.ROADMAP};

Зверніть увагу, що для опції mapTypeID вибрано значення ROADMAP. Це значення відповідає «дорожньої» карті, тому сторінка представляється у вигляді, показаному на малюнку 2. Можливі наступні чотири значення:

• ROADMAP
• HYBRID
• SATELLITE
• TERRAIN

На малюнку 3 показано, як буде виглядати ця ж сторінка в разі вибору значення HYBRID.

Малюнок 3. Web-сторінка API-інтерфейсу з гібридною картою

Створіть карту з використанням ідентифікатора map_canvas, який є ідентифікатором для тега <div> в HTML-файлі.

map = new google.maps.Map (document.getElementById ( "map_canvas"), myOptions);

Помістіть на карту мітку початкового місця розташування. Відповідний код показаний в лістингу 9.

Лістинг 9. Розміщення мітки початкового місця розташування

var marker = new google.maps.Marker ({position: coordinates, map: map, title: "You are here."}); } Function failure () {alert ( "Sorry, could not obtain location"); }

Web Worker починає виконуватися при ініціалізації сторінки. Якщо користувач бажає побачити результати виконуваних обчислень, він може натиснути на клавішу Display Web Worker, в результаті чого буде викликана функція displayWorker (). Відповідний код показаний в лістингу 10.

Лістинг 10. Web Worker

var worker = new Worker ( 'PrimeNumberWebWorker.js'); function displayWorker () {worker.onmessage = function (event) {document.getElementById ( 'result'). innerHTML = event.data; }; }

Якщо користувач бажає зупинити Web Worker, він може натиснути на клавішу Stop Web Worker, в результаті чого буде викликана функція stopWorker (), показана в лістингу 11.

Лістинг 11. Терминация Worker

function stopWorker () {worker.terminate (); }

Файл Web Worker

Даний файл є модуль Web Worker, який обчислює початкові дані. Обчислення будуть проводитися до тих пір, поки модуль не буде зупинений. Відповідний код показаний в лістингу 12.

Лістинг 12. Обчислення початкових даних

var n = 1; search: while (true) {n + = 1; for (var i = 2; i <= Math.sqrt (n); i + = 1) if (n% i == 0) continue search; postMessage (n); }

CSS3-файл

Показаний в лістингу 13 CSS3-файл забезпечує форматування відображається HTML5-сторінки.

Лістинг 13. CSS3-опису

* {Font-family: Arial, Helvetica, sans-serif; } Body {margin: 0 300px 0 300px; color: # 990000; background-color: #FFFFCC; } Header> hgroup h1 {margin: 0 0 3px 0; padding: 0; text-align: center; font-size: 30px; } Header> hgroup h2 {margin: 0 0 15px 0; padding: 0; text-align: center; font-style: italic; font-size: 12px; } Header p {margin: 0 0 20px 0; padding: 0; text-align: center; font-size: 12px; } Aside {width: 200px; height: 175px; margin: -450px 0 0 450px; background-color: # 990000; padding: .5px 0 0 10px; color: #FFFFFF; font-weight: bold; } Div {width: 400px; height: 250px; }

Висновок

У даній статті описується застосування API-інтерфейсів Geolocation і Web Worker. Ці два API-інтерфейсу були обрані по одній простій причині - вони наочно демонструють інноваційне та практичне застосування API-інтерфейсів HTML5. Інтерфейс Geolocation - це прекрасний приклад використання специфікації HTML5 для створення нових моделей ведення бізнесу. Інтерфейс Web Worker грає не менш важливу роль - він усуває проблеми, породжувані обмеженнями багатопоточного виконання в JavaScript.

Два цих API-інтерфейсу є ідеальним прикладом використання HTML5 в комерційних і громадських цілях. Ці інтерфейси переконливо підтверджують високу корисність і належну керованість функціонально насичених Інтернет-додатків на основі HTML5.

Ресурси для скачування

Схожі тими

• Оригінал статті: HTML5 fundamentals, Part 3: The power of HTML5 APIs .
• специфікації Web Workers specification , Опубліковані організацією WHATWG, містять необхідну докладну інформацію по технологіям Web Worker.
• специфікації Geolocation API Level 2 Specification , Опубліковані організацією W3C, містять докладні сценарії застосування і детальні вимоги, які виявляться дуже корисними при обгрунтуванні комерційного і соціального застосування цього API-інтерфейсу.
• Build Web applications with HTML 5 (Побудова Web-додатків за допомогою HTML 5; developerWorks, березень 2010 року). У статті описується кілька нових можливостей, представлених в специфікації HTML5.
• Creating mobile Web applications with HTML 5, Part 1: Combine HTML 5, geolocation APIs, and Web services to create mobile mashups (Створення мобільних Web-додатків за допомогою HTML 5. Частина 1. Спільне використання технологій HTML5, API-інтерфейсу Geolocation і Web-сервісів для створення мобільних mashup-додатків; developerWorks, травень 2010 р.) Корисні рекомендації по розробці мобільних додатків.
• Створення сучасних Web-сайтів з використанням HTML5 та CSS3 (DeveloperWorks, березень 2010 року). Комплексна стаття за технологіями HTML5 та CSS3.
• In Нові елементи в специфікації HTML 5 (DeveloperWorks, серпень 2007 року). У даній статті наведена інформація за кількома новими тегами HTML5.
• Web-сайт <Html> 5doctor надає прекрасний огляд сучасних тенденцій в області HTML5.
• Розділ HTML5 Tag Reference на Web-сайті W3Schools.com містить великий перелік тегів, визначень і прикладів HTML5.
• Web-сайт WHATWG надає докладну інформацію по специфікації HTML5.
• Dojo Toolkit - це бібліотека JavaScript-модулів з відкритим вихідним кодом, яка допомагає швидко розробляти межплатформенному додатки і Web-сайти на базі JavaScript / Ajax.

Підпишіть мене на повідомлення до коментарів