Background threads in the browser
handleM          for 8 sec          ouseClick timerTask for 2 sectimerTask for 2sectimerTask for 2sec
Your favorite JavaScript librarymay not work with workers
Polling, Long Polling & Streaming
GET /PollingStock//PollingStock HTTP/1.1Host: localhost:8080User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv...
HTTP/1.x 200 OKX-Powered-By: Servlet/2.5Server: Sun Java System Application Server 9.1_02Content-Type: text/html;charset=U...
GET /text HTTP/1.1rn         Upgrade: WebSocketrn         Connection: Upgradern         Host: www.websocket.orgrn         ...
http://www.websocket.org/quantum.html
Java                 Jetty        C++                                libwebsocket                                s        ...
<section itemscope itemtype="http://data-vocabulary.org/Person">     Hello, my name is     <span itemprop="name">Suresh Ba...
Developers can test pages containingMicrodata using Googles Rich SnippetTesting Tool
Defines a group of<section itemscope itemtype="http://data-vocabulary.org/Person">                                        ...
<section itemscope itemtype="http://data-vocabulary.org/Person">              URL that identifies the     Hello, my name i...
<section itemscope itemtype="http://data-vocabulary.org/Person">                Adds a property to     Hello, my name is  ...
Element              Attribute Containing Valuemeta         contentaudio        srcembed        srciframe       srcimg    ...
Suresh.Balla@neudesic.com
Html5 advanced part2
Html5 advanced part2
Html5 advanced part2
Html5 advanced part2
Html5 advanced part2
Html5 advanced part2
Html5 advanced part2
Html5 advanced part2
Html5 advanced part2
Html5 advanced part2
Html5 advanced part2
Html5 advanced part2
Html5 advanced part2
Html5 advanced part2
Html5 advanced part2
Html5 advanced part2
Html5 advanced part2
Html5 advanced part2
Html5 advanced part2
Html5 advanced part2
Html5 advanced part2
Html5 advanced part2
Upcoming SlideShare
Loading in …5
×

Html5 advanced part2

732 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
732
On SlideShare
0
From Embeds
0
Number of Embeds
155
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Developers mimic &apos;concurrency&apos; by using techniques like setTimeout(), setInterval(), XMLHttpRequest, and event handlers. Yes, all of these features run asynchronously, but non-blocking doesn&apos;t necessarily mean concurrency. Asynchronous events are processed after the current executing script has yielded. The good news is that HTML5 gives us something better than these hacks!
  • Exceptions like locationhref (location object)
  • Source: http://websocket.org/quantum.html
  • Source: http://websocket.org/quantum.html
  • http://data-vocabulary.org/Personhttp://data-vocabulary.org/Addresshttp://schema.org/Person
  • Html5 advanced part2

    1. 1. Background threads in the browser
    2. 2. handleM for 8 sec ouseClick timerTask for 2 sectimerTask for 2sectimerTask for 2sec
    3. 3. Your favorite JavaScript librarymay not work with workers
    4. 4. Polling, Long Polling & Streaming
    5. 5. GET /PollingStock//PollingStock HTTP/1.1Host: localhost:8080User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.5)Gecko/20091102 Firefox/3.5.5Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8Accept-Language: en-usAccept-Encoding: gzip,deflateAccept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7Keep-Alive: 300Connection: keep-aliveReferer: http://www.example.com/PollingStock/Cookie: showInheritedConstant=false; showInheritedProtectedConstant=false;showInheritedProperty=false; showInheritedProtectedProperty=false;showInheritedMethod=false; showInheritedProtectedMethod=false;showInheritedEvent=false; showInheritedStyle=false; showInheritedEffect=false
    6. 6. HTTP/1.x 200 OKX-Powered-By: Servlet/2.5Server: Sun Java System Application Server 9.1_02Content-Type: text/html;charset=UTF-8Content-Length: 21Date: Sat, 07 Nov 2009 00:32:46 GMT
    7. 7. GET /text HTTP/1.1rn Upgrade: WebSocketrn Connection: Upgradern Host: www.websocket.orgrn …rn HTTP/1.1 101 WebSocket Protocol Handshakern Upgrade: WebSocketrn Connection: Upgradern …rnThe WebSocket handshake (browser request and server response) Source: http://www.websocket.org/quantum.html
    8. 8. http://www.websocket.org/quantum.html
    9. 9. Java Jetty C++ libwebsocket s Ruby EventMachin e .NETErlang Python SuperWebSocket Shirasu pywebsocket Tornado
    10. 10. <section itemscope itemtype="http://data-vocabulary.org/Person"> Hello, my name is <span itemprop="name">Suresh Balla</span>, I am a <span itemprop="title">principal consultant</span> at the <span itemprop="affiliation">Neudesic India</span>. My friends call me <span itemprop="nickname">Suresh</span>. You can visit my homepage at <a href="http://www.SureshBalla.com" itemprop="url">www.SureshBalla.com</a>. <section itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address"> I live at <span itemprop="street-address">1234</span> <span itemprop="locality">White field</span> <span itemprop="region">Bangalore</span>. </section></section>
    11. 11. Developers can test pages containingMicrodata using Googles Rich SnippetTesting Tool
    12. 12. Defines a group of<section itemscope itemtype="http://data-vocabulary.org/Person"> vocabulary name/pair Hello, my name is <span itemprop="name">Suresh Balla</span>, values I am a <span itemprop="title">principal consultant</span> at the <span itemprop="affiliation">Neudesic India</span>. My friends call me <span itemprop="nickname">Suresh</span>. You can visit my homepage at <a href="http://www.SureshBalla.com" itemprop="url">www.SureshBalla.com</a>. <section itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address"> I live at <span itemprop="street-address">1234</span> <span itemprop="locality">White field</span> <span itemprop="region">Bangalore</span>. </section></section>
    13. 13. <section itemscope itemtype="http://data-vocabulary.org/Person"> URL that identifies the Hello, my name is scope <span itemprop="name">Suresh Balla</span>, I am a <span itemprop="title">principal consultant</span> at the <span itemprop="affiliation">Neudesic India</span>. My friends call me <span itemprop="nickname">Suresh</span>. You can visit my homepage at <a href="http://www.SureshBalla.com" itemprop="url">www.SureshBalla.com</a>. <section itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address"> I live at <span itemprop="street-address">1234</span> <span itemprop="locality">White field</span> <span itemprop="region">Bangalore</span>. </section></section>
    14. 14. <section itemscope itemtype="http://data-vocabulary.org/Person"> Adds a property to Hello, my name is element <span itemprop="name">Suresh Balla</span>, I am a <span itemprop="title">principal consultant</span> at the <span itemprop="affiliation">Neudesic India</span>. My friends call me <span itemprop="nickname">Suresh</span>. You can visit my homepage at <a href="http://www.SureshBalla.com" itemprop="url">www.SureshBalla.com</a>. <section itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address"> I live at <span itemprop="street-address">1234</span> <span itemprop="locality">White field</span> <span itemprop="region">Bangalore</span>. </section></section>
    15. 15. Element Attribute Containing Valuemeta contentaudio srcembed srciframe srcimg srcsource srcvideo srca hrefarea hreflink hrefobject datatime datetimeAll others Text content
    16. 16. Suresh.Balla@neudesic.com

    ×