Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Four web technologies you should be looking at now! - Distill 2013

Four web technologies you should be looking at now! - Distill 2013

The pace of innovation is unparalleled over the past few years, with so many interesting trends emerging and technologies around with it. HTML5, REST, and a renewed focus on Javascript have laid the groundwork for solving some of the most important problems people looking to build scalable and easily integratable web apps.

In this talk, we'll look at four technologies we are seeing as key to driving a whole new class of web applications; OpenGraph, Shadow DOM, Websockets, and Webhooks.

John Mertic

August 08, 2013

More Decks by John Mertic

Other Decks in Technology


  1. Who%am%I?% John Mertic •  Contact Info •  http://jmertic.wordpress.com •  Twitter:

    @jmertic •  [email protected] ( SugarCRM ) •  [email protected] ( PHP ) •  Solutions Architect for SugarCRM •  http://www.sugarcrm.com •  http://developers.sugarcrm.com/ wordpress •  Twitter: @sugarcrmdev •  Secretary - OpenSocial Foundation •  http://www.opensocial.org •  Voting member - PHP-FIG •  http://www.php-fig.org •  Member - W3C Social Business Community Working Group •  http://www.w3.org/community/ socbizcg/
  2. <?xml version="1.0"?> <methodCall> <methodName>examples.getStateName</methodName> <params> <param> <value><i4>40</i4></value> </param> </params> </methodCall>

    <?xml version="1.0"?> <methodResponse> <params> <param> <value><string>South Dakota</string></value> </param> </params> </methodResponse>
  3. Learn%more%   WebSocket.org - http://www.websocket.org/   WebSocket API - http://dev.w3.org/html5/

    websockets/   Pubsubhubbub - https://code.google.com/p/ pubsubhubbub/   HTTP Subscriptions Spec - https://github.com/progrium/http- subscriptions/blob/master/SPEC.md   Webhooks in practice - http:// apidocs.mailchimp.com/webhooks/
  4. <html xmlns:og="http://opengraphprotocol.org/schema/" > <head> <meta property="og:title" content="Korea veteran fails to

    make it to battle site where friend went down" /> <meta property="og:description" content="A decorated Korean War veteran from Massachusetts left North Korea on Monday without fulfilling his mission: to travel the Chosin Reservoir battleground where he was hoping to locate the remains of a friend who was the U.S. Navy's first black aviator." /> <meta property="og:type" content="article" /> <meta property="og:image" content="http:// a57.foxnews.com/global.fncstatic.com/static/managed/img/ 0/0/North%20Korea%20Armistice_Cham640.jpg" /> <meta property="og:url" content="http:// www.foxnews.com/world/2013/07/29/korea-veteran-fails-to- locate-remains-first-black-navy-aviator/" /> <meta property="og:site_name" content="Fox News" / > </head>
  5. <div> <h1>Avatar</h1> <span>Director: James Cameron (born August 16, 1954)</span> <span>Science

    fiction</span> <a href="../movies/avatar-theatrical- trailer.html">Trailer</a> </div>
  6. <div itemscope itemtype ="http://schema.org/ Movie"> <h1 itemprop="name">Avatar</h1> <span>Director: <span itemprop="director">James

    Cameron</span> (born August 16, 1954)</span> <span itemprop="genre">Science fiction</span> <a href="../movies/avatar-theatrical- trailer.html" itemprop="trailer">Trailer</a> </div>
  7. Why%is%this%good?%   Clear definition of the object properties from the

    external resource   Clear layer separation   Removes the ugly
  8. Learn%more%   Polymer - http://www.polymer-project.org/   Shadow DOM 101 -

    http://www.html5rocks.com/en/tutorials/ webcomponents/shadowdom/