Rico Sta. Cruz

I learned Backbone just about 3 months ago and the first project I built (still in developing) with it was a commercial eCommerce web application for a major client. This is how I learned Backbone:

—— 1. I downloaded a copy of the following book and followed all the examples:

http://addyosmani.github.com/backbone-fundamentals/

Note that the following incomplete sections in the book you will very likely need (I did). The answer to each can be found on StackOverflow.

- Sub-Views And Nesting

- Managing Models In Nested Views

- Views Triggering Other Views

- Cleanly Disposing Views

- [Communicating effectively between views (particularly subviews)]—I added this because I was not sure how to do this after reading the book, I found help on StackOverflow.

By the way, the book is very good and Addy Osmani is a thorough writer, he does not shy away from detail, which I love. Detail is very good, it prevents you from getting stuck later and allows you to have a thorough understanding of the subject matter.

—— 2. Follow these 3 tutorials, they are easy, but very helpful:

http://coenraets.org/blog/2011/12/backbone-js-wine-cellar-tutorial-part-1-getting-started/

http://coenraets.org/blog/2011/12/backbone-js-wine-cellar-tutorial-part-2-crud/

http://coenraets.org/blog/2011/12/backbone-js-wine-cellar-tutorial-part-3-deep-linking-and-application-states/

— And this one, which is incredibly important for improving your Backbone skills and using Backbone efficiently. These are the…

-- A survey which will likely be of interest to the zsh and/or iTerm and/or Git users --

I used zsh for almost 3 years exclusively before moving over to Fish. Oh-my-fish doesn't leave me lacking for any features that Oh-my-zsh has, and it's easier for me to extend as well.

Anyways, yeah. Fish rules. The package manager that comes with oh-my-fish is nice, but you have options like 'fundle'. And being able to see what each function does/edit it out of the box with 'funced' is great.

This is a good cheat-sheet to start with fish and omf.[2] Followed by a setup that's pretty standard for zsh converts especially if you're on OS X[3]. Bobby's theme is good out of the box and git-friendly. Read the guide to see the out-of-the-box omf plugin functionality[4]. It really is that easy. Some iTermer's like Agnoster[5], and the github page has previews for dozens of themes.

-- Modifications that might be of interestif you're an autojump/z/j user [Skip to the citations 2-5 if you just want to try Fish out] --
Directory navigation/auto-complete/globbing is probably the #1 'issue' I've had with shells, and I'd imagine others as well because of the numerous 'j','z','autojump', etc solutions that are out there. My problem with all of those is that it uses heuristics rather than giving you a deterministic solution as to 'ok, you will end up here'.

After ~15 years I finally wrote my own solution extended fish with SQLite. After every cmd, it makes an atomic append to the directory history…

This podcast was recorded about three weeks ago. A couple of things that have happened since then that surprised me:

1. I was asked about CoffeeScript and CouchDB. To my surprise (and delight), it's since been announced that CoffeeScript support will be integrated into CouchDB 1.2 (see https://issues.apache.org/jira/browse/COUCHDB-817).

2. I was asked whether there's a JavaScript-to-CoffeeScript compiler. I said no, and there probably never would be... then js2coffee appeared (which is quite good, though the code it generates doesn't always have the same behavior as the original JS): http://ricostacruz.com/js2coffee/

Also, I was asked at the end if I had any upcoming speaking engagements. At the time, I didn't. I'm now scheduled to talk about CoffeeScript at the O'Reilly Web 2.0 Expo in NYC in October, and at Øredev in Sweden in November.

So, things are moving pretty fast in CoffeeScriptland. My book (http://pragprog.com/titles/tbcoffee/coffeescript) was PragProg's #1 seller last month. Who knows what the next three weeks will bring?

Depends on browser and mouse settings (smooth scrolling on/off).

However the animation and rendering is just very slow for me on Chrome + quad, about 5-10 FPS. I won't even try on Android.

This could have been greatly improved by using CSS3 animations, there's even a drop-in jquery library that makes this an easy fix: http://ricostacruz.com/jquery.transit/

With that said, the effect is overused and tacky.
Message could have been delivered more quickly and elegantly.

I felt as if visiting that link was just a waste of time, like watching an old movie I've seen and looking for changes in subtitles.

Not that much to be honest, there are some quirks and such as variable scopings (g:, s:, l: a:) and other things, but other than that it's pretty familiar.

A few great resources I found after having googled a ton around was [0] and [1]. If you are very familiar with vim (I'm not really a power user tbh), then all the commands you use with : are supported in vim script. Meaning opening a split in your script is, well, just split.

[0] http://ricostacruz.com/cheatsheets/vimscript.html

[1] http://www.ibm.com/developerworks/library/l-vim-script-1/

Hey eranation, for multiple words we can use CamelCase and avoid underscore. And when we use multiple words, both 'imageModel' and 'ImageModel' are good practice, see here http://ricostacruz.com/backbone-patterns/#naming_convention

and about adding multiple things to collection the reason for using 'add' instead of 'reset' is, 'add' will maintain the existing data, while reset will clear the existing data then replace it.

I like the code schools's part 1 and 2 which was written by Jeremy Ashkenas, it is simple but practical, I agree.