front end workshop v3

630
-1

Published on

third version of my workshop for the ing

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

  • Be the first to like this

No Downloads
Views
Total Views
630
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide


  • I have been working on the web for the past 14 years. I started out as a designer bugging developers. In the past years I have come full circle, becoming the developer that is bugging designers.
  • giving workshops is not my main job, just something I do on the side. mostly when people give me beer and get me talking :)
  • the only url you have to write down
  • There are three sides to a website... mvc...
  • we will start with the basics, HTML. boring isn’t it. after all html is easy...
  • There are a lot of things to think about, like;
  • html is for structure, a way to show the content...


  • Which doctype do you use?
  • Strict is the way to go, if you can


  • sketch the difference between ie and w3c
  • and still this is the way most websites were build...






  • especially if your building data intensive applications...




  • make sure you specify this one BEFORE the tbody
















  • most people, turning away from tables, will use div’s in the same way...


















  • to identify, must be unique
  • not just for css. to classify


  • most developers get a fo and a graphic design. they will use the design to build and the fo to tweak. they should do the reverse
  • bad
  • don’t add extra div’s to create that border the design calls for. You allready have enough elements to play with...


















  • should be around 10.30


  • start 11.00


  • selectors are not limited to id’s and can be chained...
    multiple classes can be used. and such...
  • supported in most browsers
































  • support is not as wide spread






  • Match any E elements, whose att atribute value begins with ‘val’
  • Matches any E element that has no children (including text nodes)
  • matches any F element that is preceded by an E element...
    general sibling selector


























  • style the page you just made with proper html...
    start 12.00
  • should be 11.45


  • around 12.30
  • start 13.00
  • === is exactly equal to (value and type)

    == is equal to













  • build a good app and make it better.
    don’t build a good app and let it slip away...
  • build as if you have no javascript en HIJACK the form actions with javascript




  • please don’t try to make it into it...
  • Really it is not.
















  • power, confusion
    ie is the problem
  • further than that, I will not go. as stuart talk opens my eyes but not enough. there is more in this than I know...


  • Don’t put all of your trust in patterns...














  • transactie module by the dutch police to process your tickets is suffering...
  • used to be no problem, as we left the page after a while
  • We don’t leave the page anymore, instead we keep producing more and more dom objects...
  • he forgot css and left out json or html as a data layer...
  • Where does the name ajax stood for in the beginning...
  • sorry for that, a mistake...
  • The cleaner was a household name for so long, that we should use it...
  • look into the architecture document for a good example, me I make the mistake sometimes, that’s where my hair is going...






















  • including main characters and a compelling story line...
  • JavaScript as a language is great, but has many bad parts. You want to avoid them...
  • A must have reference guide of a gaziljon pages. Any decent JavaScript developer has a copy handy...
  • front end workshop v3

    1. 1. Client Side Development Introductory Workshop Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    2. 2. Introduction Hi, Iʼm Wilfred Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    3. 3. Introduction I do HTML, CSS and some Javascript Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    4. 4. http://www.slideshare.net/wnas Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    5. 5. Application html, css and javascript. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    6. 6. HTML itʼs easy. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    7. 7. NOT if you do it right. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    8. 8. Structure Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    9. 9. not presentation Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    10. 10. Doctypes Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    11. 11. <!DOCTYPE html PUBLIC quot;-//W3C//DTD XHTML 1.0 Strict//ENquot; quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtdquot;> Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    12. 12. quirksmode Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    13. 13. boxmodel Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    14. 14. HTML itʼs more than tables. much more Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    15. 15. Tables Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    16. 16. Tables are evil? Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    17. 17. nope Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    18. 18. Tables are beautiful Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    19. 19. Caption Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    20. 20. Thead Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    21. 21. tfoot Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    22. 22. tbody Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    23. 23. tr Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    24. 24. td Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    25. 25. th Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    26. 26. colspan Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    27. 27. colgroup Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    28. 28. rowspan Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    29. 29. rowgroup Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    30. 30. HTML Itʼs more than divʼs and spanʼs Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    31. 31. div Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    32. 32. span Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    33. 33. p Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    34. 34. h1 > h6 Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    35. 35. em Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    36. 36. strong Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    37. 37. abbr Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    38. 38. Block & inline Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    39. 39. Generally, block-level elements begin on new lines, inline elements do not Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    40. 40. id Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    41. 41. class Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    42. 42. validator.w3.org Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    43. 43. HTML Itʼs about structure, NOT presentation. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    44. 44. <div class=quot;spacer-wquot;><!-- this empty spacer is used to make a space between vertical holding blocks --></div> Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    45. 45. Do more with less focus on the information, not the presentation. that is what css is for. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    46. 46. http://microformats.org/ Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    47. 47. In conclusion... Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    48. 48. Use a proper doctype Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    49. 49. CSS at the top Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    50. 50. Javascript at the bottom Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    51. 51. Use elements as they should be used. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    52. 52. Do more with less. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    53. 53. Structure information, NOT design. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    54. 54. Exercise Write some markup. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    55. 55. break Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    56. 56. If you thought html was bad, I give you... Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    57. 57. CSS Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    58. 58. selector { property : value; } Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    59. 59. div#id.foo p .bar { ... } Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    60. 60. CSS 2.1 Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    61. 61. http://www.456bereastreet.com/archive/200509/ css_21_selectors_part_1/ Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    62. 62. Positioning Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    63. 63. position : static; Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    64. 64. position : relative; Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    65. 65. float: left; Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    66. 66. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    67. 67. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    68. 68. float : left; Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    69. 69. IE doubles the padding and margin Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    70. 70. display: inline; Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    71. 71. Explorer 6 Duplicate Characters Bug Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    72. 72. The IE5/6 Doubled Float-Margin Bug Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    73. 73. http://positioniseverything.net/ explorer.html Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    74. 74. Cascading http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    75. 75. Shorthand Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    76. 76. padding: 2px; padding: 2px 2px 2px 2px; Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    77. 77. CSS 3 Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    78. 78. http://www.456bereastreet.com/archive/200601/ css_3_selectors_explained/ Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    79. 79. power Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    80. 80. Unlimited power Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    81. 81. e[att^=”val”] Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    82. 82. E:empty Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    83. 83. E~F Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    84. 84. CSS 3 ? Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    85. 85. dojo Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    86. 86. jQuery Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    87. 87. Tools Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    88. 88. Firebug https://addons.mozilla.org/en-US/firefox/addon/1843 Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    89. 89. Yslow http://developer.yahoo.com/yslow/ Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    90. 90. Web developer 1.1.6 https://addons.mozilla.org/en-US/firefox/addon/60 Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    91. 91. In conclusion Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    92. 92. Start big set font stuff on the body (and the td for ie) Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    93. 93. End small formulate exceptions on id’s, classes or on specific dom elements. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    94. 94. Write as little as possible It’s easy to get confused. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    95. 95. Know of the cascade And embrace it. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    96. 96. Inline styles are evil don’t use them. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    97. 97. Exercise Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    98. 98. Style this. Exercise Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    99. 99. http://wnas.nl/fronteers/ Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    100. 100. break Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    101. 101. JavaScript part 1 Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    102. 102. JavaScript === evil Do not rely on it. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    103. 103. Donʼt rely on it HTML is a rely accessible platform. Use JavaScript to enhance it. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    104. 104. Global variables === evil Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    105. 105. x = global; Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    106. 106. function isitglobal() { x = global; } Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    107. 107. var is your friend Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    108. 108. function isitglobal() { var x = notglobal; } Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    109. 109. Progressive Enhancement !== Graceful degradation. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    110. 110. HIJAX vs AJAX Plan ajax from the beginning and build it in the end. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    111. 111. ns.nl with javascript Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    112. 112. ns.nl without javascript. aka not so graceful degradation... Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    113. 113. JavaScript !== java Really not. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    114. 114. JavaScript Is not a toy language. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    115. 115. The old way Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    116. 116. <a href=”#” onclick=”javascript:function(){ window.open(‘http://wnas.nl’,’wnas’,’width=300,height=400’); }”> go there! </a> Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    117. 117. Bad. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    118. 118. <a href=”#” onclick=”javascript:function(){ window.open(‘http://wnas.nl’,’wnas’,’width=300,height=400’); }”> go there! </a> Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    119. 119. <a href=”#” onclick=”javascript:function(){// do stuff );}”>go there!</a> <a href=”#” onclick=”javascript:function(){// do stuff );}”>go there!</a> <a href=”#” onclick=”javascript:function(){// do stuff );}”>go there!</a> <a href=”#” onclick=”javascript:function(){// do stuff );}”>go there!</a> <a href=”#” onclick=”javascript:function(){// do stuff );}”>go there!</a> <a href=”#” onclick=”javascript:function(){// do stuff );}”>go there!</a> <a href=”#” onclick=”javascript:function(){// do stuff );}”>go there!</a> <a href=”#” onclick=”javascript:function(){// do stuff );}”>go there!</a> <a href=”#” onclick=”javascript:function(){// do stuff );}”>go there!</a> <a href=”#” onclick=”javascript:function(){// do stuff );}”>go there!</a> <a href=”#” onclick=”javascript:function(){// do stuff );}”>go there!</a> <a href=”#” onclick=”javascript:function(){// do stuff );}”>go there!</a> <a href=”#” onclick=”javascript:function(){// do stuff );}”>go there!</a> <a href=”#” onclick=”javascript:function(){// do stuff );}”>go there!</a> <a href=”#” onclick=”javascript:function(){// do stuff );}”>go there!</a> <a href=”#” onclick=”javascript:function(){// do stuff );}”>go there!</a> <a href=”#” onclick=”javascript:function(){// do stuff );}”>go there!</a> <a href=”#” onclick=”javascript:function(){// do stuff );}”>go there!</a> <a href=”#” onclick=”javascript:function(){// do stuff );}”>go there!</a> Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    120. 120. <a href=”http://wnas.nl” class=”popup”> go there! </a> Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    121. 121. $(‘.popup’).click( function () { window.open( this.href,’wnas’,’width=300,height=400’); }); Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    122. 122. The World's Most Misunderstood Programming Language ‘Douglas Crockford’ Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    123. 123. Closures one of javascript most devious concepts Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    124. 124. where a function remembers what happens around it ‘Stuart Langridge’ Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    125. 125. http://tinyurl.com/jsclosures Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    126. 126. Patterns Smatterns Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    127. 127. If all you have is a everything looks like a nail Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    128. 128. Read a lot this day is too short for patterns... http://delicious.com/wnas Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    129. 129. namespace var ing = function () { // do stuff }(); Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    130. 130. Revealing module pattern var ing = function () { var foo = function () { // do stuff } return { foo : foo } }(); Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    131. 131. private variables var ing = function () { var config = { // object literal name : ‘value’ }; var foo = function () { alert ( config.name ); }; return { foo : foo }; }(); ing.foo(); Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    132. 132. Group your stuff namespacing keeps it safe and structurally sound. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    133. 133. XML vs JSON Use the best possible solution Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    134. 134. Not the available one JSON vs XML Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    135. 135. Memory And the garbage collector Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    136. 136. So what changed ? Ajax and Rich Internet Applications. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    137. 137. Ajax Asynchronous Javascript and XML Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    138. 138. The solution think of history Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    139. 139. Ajax origins Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    140. 140. Clean up That is what Ajax stood for anyway... Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    141. 141. Pick up after yourself Leave a clean dom after you... ( use dojo for that ) Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    142. 142. In conclusion Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    143. 143. Totaal voetbal Let the individual elements of your program work for you. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    144. 144. Java To handle the logic. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    145. 145. JSP / XHTML To display the structure of your programs. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    146. 146. CSS To present it in a proper manner. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    147. 147. JavaScript To enhance the user experience. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    148. 148. Exercise enhance the page you made... Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    149. 149. Extra time Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    150. 150. Event delegation Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    151. 151. Just in time initialization Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    152. 152. Lazy loading Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    153. 153. Code as prose. Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    154. 154. Douglas The good parts Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl
    155. 155. JavaScript The Definitive Guide (5th) Wilfred Nas - Client Side Development wnas.nl | twitter.com/wnas | wilfred@wnas.nl

    ×