tag : Backbone.js

JavaScript

Backbone.js Application Walkthrough Part 2: Views and Templates – Video Tutorial

We’re moving right along in our video series of tutorials walking you through the process of writing a Backbone.js application. Today we cover the views and embedded templates. There are a number of views here, all pulling from the same models and collections of wine. You’ll see each view, what it’s for, and how it works its magic. Click on through for this long look at Backbone.js views and templates.

JavaScript

Backbone.js Application Walkthrough Part 1: HTML and Models - Video Tutorial

The day everyone has long been waiting for has finally arrived. I’ve just started the first part of a series of posts walking through how to build an actual application using the Backbone.js JavaScript MVC framework. With this first piece of the puzzle I cover the structure of the application and get you started with some HTML plus the model and collection JavaScript code. Let’s take a look!

Uncategorized

Recording Software Fail

Does anyone know any good FREE screencast recording software? I’ve been using Camstudio for a while and with my first 5 tutorials it seemed great. Now it randomly decides to hate me and flash black screens in the middle of recording. I’ve finally gotten to the point of starting the Backbone App video tutorial series but I can’t get the recording to work right, so it’s delayed until I can find something that works. If I can’t find something within 24 hours, you’ll receive written tutorial for something else instead until I can find a solution.

JavaScript

Introduction to Backbone.js Part 5: AJAX – Video Tutorial

Everyone loves AJAX. A few years back it was probably the biggest buzz word in all of web development. Now HTML5 and CSS3 have stolen the show, but AJAX has now taken its place as a first-class citizen among web development - and specifically JavaScript - tools. And to make things even better, Backbone.js has built in support for AJAX and makes it dead simple for you to use it to synchronize your models with a database, as I show in this video tutorial.

JavaScript

Introduction to Backbone.js Part 4: Collections – Video Tutorial

Part 4: Backbone.js Collections Video Tutorial is here now. We’ve already discussed models, views, and routers in Backbone.js so far, but now we’re on to collections. Collections are pretty much exactly what their name implies: collections of models. Many times, data is displayed in lists, not just singular items. This is where collections come in - to keep every model in order and synchronized with the database on the back end.

JavaScript

Introduction to Backbone.js Part 3: Routers – Video Tutorial

We’re on to part 3 in the Backbone.js video tutorials series. This week we feature another important piece of the Backbone puzzle: Routers. You could conceivably create your JavaScript apps without Routers, but the ingenious technique behind routers allows your users to bookmark the app at a particular state or even use the back and forward buttons to traverse through the history of your applications state. Watch the video to learn more!

JavaScript

Introduction to Backbone.js Part 1: Models - Video Tutorial

If you’ve read my last post or have just been keeping up with the JavaScript world at all, you’ve probably heard about Backbone.js. Well, this is the beginning of a tutorial series for Backbone.js and with this new series also comes a new media type: video! Today’s video tutorial teaches you how to get started using the M from MVC: the model. It’s pretty simple, yet pretty awesome and powerful.

JavaScript

Give Your Apps a Backbone(.js)

As the internet gets smarter and smarter and JavaScript starts piling up on web pages, we need to learn to organize our code. The days of filling the global namespace with all the functions we can think of are long over and have become far too difficult to maintain. Along with many other design patterns, the MVC (model, view, controller) pattern can bring order to the chaotic spaghetti of your JavaScript code. Right now, the de facto JavaScript MVC framework library is Backbone.js.