clean up your javascript act
DESCRIPTION
Slides from my JavaScript session at DDD North, 2011.TRANSCRIPT
![Page 1: Clean up your javascript act](https://reader036.vdocuments.net/reader036/viewer/2022082921/55582390d8b42a25588b4ca8/html5/thumbnails/1.jpg)
Clean Up Your JavaScript Act
Ashic Mahtabhttp://www.heartysoft.com
@ashic
![Page 2: Clean up your javascript act](https://reader036.vdocuments.net/reader036/viewer/2022082921/55582390d8b42a25588b4ca8/html5/thumbnails/2.jpg)
JavaScript
• Messy• Dangerous• Extremely flexible…too flexible?
![Page 3: Clean up your javascript act](https://reader036.vdocuments.net/reader036/viewer/2022082921/55582390d8b42a25588b4ca8/html5/thumbnails/3.jpg)
JavaScript
• Following a few simple patterns (“The Good Parts”) can make it manageable.
• Writing tests…need I even ask?
![Page 4: Clean up your javascript act](https://reader036.vdocuments.net/reader036/viewer/2022082921/55582390d8b42a25588b4ca8/html5/thumbnails/4.jpg)
JavaScript Testing
• QUnit• Chutzpah• Build Script• TeamCity Demo
![Page 5: Clean up your javascript act](https://reader036.vdocuments.net/reader036/viewer/2022082921/55582390d8b42a25588b4ca8/html5/thumbnails/5.jpg)
QUnit
• test• module• ok• equal• stop• start
![Page 6: Clean up your javascript act](https://reader036.vdocuments.net/reader036/viewer/2022082921/55582390d8b42a25588b4ca8/html5/thumbnails/6.jpg)
Objects
var person = { ‘name’ : ‘john’, ‘yearOfBirth’ : 1912, ‘saying’ : function(){ alert(“I was on board the Titanic!”); }};
Good for simple data structures…attempt to do complicated stuff and you will suffer :@
![Page 7: Clean up your javascript act](https://reader036.vdocuments.net/reader036/viewer/2022082921/55582390d8b42a25588b4ca8/html5/thumbnails/7.jpg)
Functional Objects
• Demo1. Basics up to inheritance
![Page 8: Clean up your javascript act](https://reader036.vdocuments.net/reader036/viewer/2022082921/55582390d8b42a25588b4ca8/html5/thumbnails/8.jpg)
Gotcha
• Ruining this
![Page 9: Clean up your javascript act](https://reader036.vdocuments.net/reader036/viewer/2022082921/55582390d8b42a25588b4ca8/html5/thumbnails/9.jpg)
Knockout
• JavaScript MVVM framework• Awesome
![Page 10: Clean up your javascript act](https://reader036.vdocuments.net/reader036/viewer/2022082921/55582390d8b42a25588b4ca8/html5/thumbnails/10.jpg)
Resources / Links
• Get Crockford’s book (Javascript: The Good Parts)
• http://chutzpah.codeplex.com • http://www.knockoutjs.com