JavaScript Micro Frameworks

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: [email protected] twitter: @danielknell website: http://danielknell.co.uk/ Any

    Questions? Tuesday, 24 January 12