Your SlideShare is downloading. ×
0
Clean Up Your JavaScript Act<br />AshicMahtabhttp://www.heartysoft.com@ashic<br />
JavaScript<br />Messy<br />Dangerous<br />Extremely flexible…too flexible?<br />
JavaScript<br />Following a few simple patterns (“The Good Parts”) can make it manageable. <br />Writing tests…need I even...
JavaScript Testing<br />QUnit<br />Chutzpah<br />Build Script<br />TeamCity<br />Demo<br />
QUnit<br />test<br />module<br /> ok<br />equal<br />stop<br />start<br />
Objects<br />var person = {    ‘name’ : ‘john’,    ‘yearOfBirth’ : 1912,    ‘saying’ : function(){ <br />        alert(“I ...
Functional Objects<br />Demo<br />Basics up to inheritance<br />
Gotcha<br />Ruining this<br />
Knockout<br />JavaScript MVVM framework<br />Awesome<br />
Resources / Links<br />Get Crockford’sbook (Javascript: The Good Parts)<br />http://chutzpah.codeplex.com<br />http://www....
Upcoming SlideShare
Loading in...5
×

Clean up your javascript act

1,477

Published on

Slides from my JavaScript session at DDD North, 2011.

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

  • Be the first to like this

No Downloads
Views
Total Views
1,477
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Clean up your javascript act"

  1. 1. Clean Up Your JavaScript Act<br />AshicMahtabhttp://www.heartysoft.com@ashic<br />
  2. 2. JavaScript<br />Messy<br />Dangerous<br />Extremely flexible…too flexible?<br />
  3. 3. JavaScript<br />Following a few simple patterns (“The Good Parts”) can make it manageable. <br />Writing tests…need I even ask?<br />
  4. 4. JavaScript Testing<br />QUnit<br />Chutzpah<br />Build Script<br />TeamCity<br />Demo<br />
  5. 5. QUnit<br />test<br />module<br /> ok<br />equal<br />stop<br />start<br />
  6. 6. Objects<br />var person = { ‘name’ : ‘john’, ‘yearOfBirth’ : 1912, ‘saying’ : function(){ <br /> alert(“I was on board the Titanic!”); }};Good for simple data structures…attempt to do complicated stuff and you will suffer :@<br />
  7. 7. Functional Objects<br />Demo<br />Basics up to inheritance<br />
  8. 8. Gotcha<br />Ruining this<br />
  9. 9. Knockout<br />JavaScript MVVM framework<br />Awesome<br />
  10. 10. Resources / Links<br />Get Crockford’sbook (Javascript: The Good Parts)<br />http://chutzpah.codeplex.com<br />http://www.knockoutjs.com<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×