Taming HTML5 and JavaScript in the large scale web app jungle

<article> <header> <h1>title</h1> <time datetime="2012-05-30">May 30, 2012</time> </header> <p>content</p> </article>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script type="text/javascript">
alert('why do I need the mimetype here?'); </script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!doctype html> <script> alert('look ma! no type attribute!'); </script> <meta
charset="utf-8">

var xhr = new XMLHttpRequest(); xhr.open('post', '/foo/bar', true); xhr.onreadystatechange =
function() { if (xhr.readyState == 4) { alert(xhr.responseText); } }; xhr.send();

$.ajax({ url: '/foo/bar', done: function(value) { alert(value); } });

var app = { method1: function() { return 'something'; },
init: function() { //initialize stuff } };

var app = (function() { var privateMethod1 = function() {
return 'something'; }; return { init: function() { //initialize stuff } }; })();

function displayResults(param) { alert(param); } function displayResults(param, param2) { alert(param
+ param2); }

Taming HTML5 and JavaScript in the large scale ...

Taming HTML5 and JavaScript in the large scale web app jungle

gonchuki

Other Decks in Programming

Featured

Transcript

* *

<div> <p> <ul> <li>some text <li>some more text</li> </div> </p>

<article> <header> <h1>title</h1> <time datetime="2012-05-30">May 30, 2012</time> </header> <p>content</p> </article>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script type="text/javascript">

<!doctype html> <script> alert('look ma! no type attribute!'); </script> <meta

<div class="id-123 size-2048 type-file"></div> <input type="hidden" name="id" value="123" /> <input

<div data-id="123" data-size="2048" data-type="file"> </div>

var xhr = new XMLHttpRequest(); xhr.open('post', '/foo/bar', true); xhr.onreadystatechange =

$.ajax({ url: '/foo/bar', done: function(value) { alert(value); } });

var app = { method1: function() { return 'something'; },

var app = (function() { var privateMethod1 = function() {

function displayResults(param) { alert(param); } function displayResults(param, param2) { alert(param