tag : MVC

JavaScript

MarionetteJS: Better Backbone Apps

Backbone.js introduced us to a more modular way of developing today’s web applications by separating our code into semantic and reusable pieces. Backbone’s main crutch was that it offered only the bare minimum so that it was easy to learn and didn’t force you to do anything that you didn’t want to do, but we were left on our own to figure out how to handle much of the implementation details. Marionette is here to help with that.

JavaScript

Scalable JavaScript Applications

JavaScript applications continue to grow as the web grows. We’re all learning that using application frameworks, such Backbone.js, Ember, Knockout, AngularJS, and countless others, but do these frameworks offer everything that we need? According to some very smart JavaScript programmers, there’s still a little more needed if you want a truly scalable JavaScript application.

JavaScript

Backbone Application Walkthrough Part 5: RequireJS - Video Tutorial

Finally! We’ve made it to the end of the Backbone.js Application Walkthrough video tutorial series. In this final video, we make few small adjustments for the sake of organization and a bunch of other changes that convert the application to work using RequireJS. Almost every file gets touched in this video, but each only receives minor changes in order to create an overall major change in modularity and optimization.

JavaScript

Backbone Application Walkthrough Part 4: It Lives! - Video Tutorial

We’ve made it to part 4 of this Backbone application walkthrough series. This time we finally get the app to do something worthwhile… like work! The application finally lives as we implement the router and hit the “GO” button. Check out the power of the router and don’t forget that just because it’s running, does not mean we’re done. The next and final video in this series converts the application to work with AMD and RequireJS.

JavaScript

Backbone.js Application Walkthrough Part 3: New View and External Templating – Video Tutorial

Moving on to part 3 of the Backbone Application Walkthrough video series, we work on moving all of the templates to external files to reduce the dependency on the templates being included in the index.html file and so that they might become available if we use these views on different pages. Also, I added an extra view that wasn’t in the original application because, as you’ll see in the video, it makes things a little nicer.

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 2: Views - Video Tutorial

Last week you saw a video tutorial on using Models in Backbone.js. This week we’ve moved right along to part 2: learning about Views in Backbone.js. As usual, Backbone.js has made things super simple, yet you get a lot for how little code you write. You’ll see how to attach events (super easy) and utilize models (also super easy) to give your views some data to work with.

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.