This document provides tips for enhancing a development setup. It recommends using fixtures to mock backend data for testing models, writing unit tests with fixtures, and embracing templating to avoid constructing HTML in scripts. Automating builds, fixtures, and configurations is advised. Formalizing a code outline and refactoring slowly and smartly over time is also suggested. Client-side capabilities like page transitions, offline caching, and local storage are encouraged to be utilized more.

1. Amplify your stack
(suggestions on how to enhance your development setup)

2. My name’s Pi.

3. I love setups.
(let’s talk about yours)

4. bad foundation

5. Let’s make this better
Own the browser.

6. Organize your code

7. Fixtures are great
A unified way to mock all your backend data.

8. $.fixture( /* magic */ )
or
$.ajax({
url:‘your/fancy/url/’,
fixture:magic
});

11. protip: great for
backbone, spine, et al
AND the backend team has a neat reference point

12. write your model tests
on this data

13. write your model tests
on this data
speaking of which...

14. write your model tests
on this data
speaking of which...
you do write unit tests, yes?

15. fixtures + unit tests =
photoshop for code
formalized code outline is teh awesome.

16. essentially
test(function(done){
var v = you.do.something();
make.sure(v).equals(expected)
});

17. every new
bug/ feature/ issue
gets a new test
measure twice, cut once.

18. qunit, mocha/expresso,
jtestdriver, yuitest/yeti/
jute, jasmine... go crazy!

19. I promise you, this
saves time.
but don’t overdo it.

20. embrace templating.
stop constructing html inside your scripts. it’s irritating.

22. Backbone.Router
html5! page transitions! save state on client side! offline
cache! localStorage! ponies!
point is, you can save and do a lot more client side now.

23. 37signals,
linkedin mobile,
etc

24. a note on deployment

25. [development]

26. (staging)

27. {production}

28. tips.
• automate as much as you can.
• stub generators, builds, perf tests, fixtures,
configurations, pages(?).
• DEVELOP BOLDLY.
• refactor slowly. refactor smartly.
• EVERY site becomes a single page app.

29. Sangam
[ shameless plug - https://github.com/threepointone/Sangam ]