Entry-Level Backbone Screencast Entry-Level Backbone Screencast / tutorial / both

http://net.tutsplus.com/tutorials/javascript-aj...

One of the most gentle & thorough intro's to the Backbone library. This is great if you're not familiar with techniques used to build clientside apps with JS and other backbone tuts left you confused and frustrated.
2 favorites
submitted about 4 years ago, by SkinnyGeek1010
Entry-Level Backbone Screencast popular tutorial

11 Comments

SkinnyGeek1010

This is really great. I just recently went through the whole course and it filled in a lot of gaps that other tutorials had. They really assume you know nothing about building a backbone powered app and take you through CRUD locally and via an API.

I used a free MongoLab instance as an API instead of using laraval like in the screencast, that might be a viable option for others if you know a little mongo.

SkinnyGeek1010, about 4 years ago

pineapple

Nice~ Will have to have a read through

pineapple, about 4 years ago

pineapple

jeffrey way is so awesome. this makes it 100x better

pineapple, about 4 years ago

SkinnyGeek1010

For sure, he has a way of abstracting the basic concept out and building up. His jQuery in 30 days changed the way I used it... hmm that just sounds sappy LOL

SkinnyGeek1010, about 4 years ago

pineapple

Yeah I agree.. he mentioned something about some fundamental JS idea that I've looked at and used probably 1000 times, but then his comment made me see it in a new light.

pineapple, about 4 years ago

pineapple

I'm really liking these screencasts... for some reason I always thought backbone was way more involved with forcing you to render everything in backbone.. this makes it seem way less intimidating and a lot more usable (considering I never used a framework to start, implementing one feels like death). Now it doesnt seem so bad. Mr. Way is the shiznit

pineapple, about 4 years ago

SkinnyGeek1010

Right right, yea it's very minimal. It's actually comparable to underscore or jQuery, just a library to help you do things you would prob. do anyway.

The fact that it's so un-opinionated about templates and rending is why I had trouble with prev. tuts.... I had never tried to render a view or use templates in vanilla js/jquery/ underscore, so I really struggled when passing models into templates and such.

They just released a 2nd advanced backbone course to build off of this one... i'm going to try and knock that one out this week, I can't wait to use AMD modules with it!

Once I refactor some stuff in my mobile app i'm going to upload it to github... should be fun =)

SkinnyGeek1010, about 4 years ago

pineapple

yes, it's making me want to refactor pineapple JS shudder

pineapple, about 4 years ago

SkinnyGeek1010

In case anyone tries to use MongoLabs for the api for this tut, I had to do some fiddling to append their api key on the end of the request, and override the model's id attr to _id. http://jsfiddle.net/Sytj2/

SkinnyGeek1010, about 4 years ago

pineapple

Part of me wants to implement the recent "Ace" text editor in every single place where it's not appropriate (like your comment). I can't get over how awesome it is :{

pineapple, about 4 years ago

SkinnyGeek1010

lol, I've used it the editor on cloud9, pretty cool!

SkinnyGeek1010, about 4 years ago


Login or to comment.

Tutorials are any resources you learn from.

Examples: an intro to html5 screencast, a pdf about git, photoshop effects tutorials, meta-programming in ruby, lambda calculus, higher-order fixed-point combinators.

Tools are websites, apps or services used -on- your project (indirectly), to aid the process.

Examples: A color scheme generator, email marketing software, usability heat maps, css3 code generators, a downloadable png compressor.

Assets are downloadable files used -in- your projects, usually as code, textures, or images.

Examples: a jquery sticky menu, photoshop brushes, background textures, mvc frameworks, twitter bootstrap, 960 grid system.