JavaScript Micro Frameworks

What they are, how we got here, and where were going.

Transcript

1. JavaScript Micro Frameworks By Daniel Knell Tuesday, 24 January 12
2. The Dark Ages Tuesday, 24 January 12
3. var element; if (document.all) { element = document.all[id]; else { element = document.getElementById(id); } The Dark Ages Tuesday, 24 January 12
4. function getElement(id) { if (document.all) { return document.all[id]; } else { return document.getElementById(id); } } var element = getElement(id); The Dark Ages Tuesday, 24 January 12
5. Reign of Prototype Tuesday, 24 January 12
6. The Rise of jQuery Tuesday, 24 January 12
7. The Rise of jQuery Tuesday, 24 January 12
8. jQuery’s Spare Tire Tuesday, 24 January 12
9. jQuery’s Spare Tire 0 75,000 150,000 225,000 300,000 1.2 1.3 1.4 1.5 1.6 1.7 jQuery File Size Size (Bytes) Tuesday, 24 January 12
10. Size Matters Tuesday, 24 January 12
11. Divide and Conquer Tuesday, 24 January 12
12. Micro Frameworks! Tuesday, 24 January 12
13. The Eunuch Unix Philosophy Tuesday, 24 January 12
14. Write Libraries that do one thing and do it well Tuesday, 24 January 12
15. Write libraries that work together Tuesday, 24 January 12
16. Communicate over a common interface Tuesday, 24 January 12
17. The Perfect Package Tuesday, 24 January 12
18. Oh Jeesh! Tuesday, 24 January 12
19. Oh Jeesh! $('#content a.button') .bind('click', function (e) { $(this).data('clicked', true).unbind(); e.preventDefault(); }) .css({ opacity: 1 , color: 'red' }) .fadeOut(250); $.map([ 'a', 'b', 'c' ], function (letter) { return letter.toUpperCase(); }) $.ajax('/data', function (response) { $('#content').html(response); }); Tuesday, 24 January 12
20. Thats All Folks email: contact@danielknell.co.uk twitter: @danielknell website: http://danielknell.co.uk/ Any Questions? Tuesday, 24 January 12