clean up your javascript act

10
Clean Up Your JavaScript Act Ashic Mahtab http://www.heartysoft.com @ashic

Upload: ashic-mahtab

Post on 17-May-2015

1.448 views

Category:

Technology


0 download

DESCRIPTION

Slides from my JavaScript session at DDD North, 2011.

TRANSCRIPT

Page 1: Clean up your javascript act

Clean Up Your JavaScript Act

Ashic Mahtabhttp://www.heartysoft.com

@ashic

Page 2: Clean up your javascript act

JavaScript

• Messy• Dangerous• Extremely flexible…too flexible?

Page 3: Clean up your javascript act

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

JavaScript Testing

• QUnit• Chutzpah• Build Script• TeamCity Demo

Page 5: Clean up your javascript act

QUnit

• test• module• ok• equal• stop• start

Page 6: Clean up your javascript act

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

Functional Objects

• Demo1. Basics up to inheritance

Page 8: Clean up your javascript act

Gotcha

• Ruining this

Page 9: Clean up your javascript act

Knockout

• JavaScript MVVM framework• Awesome

Page 10: Clean up your javascript act

Resources / Links

• Get Crockford’s book (Javascript: The Good Parts)

• http://chutzpah.codeplex.com • http://www.knockoutjs.com