Episode 56

056 JSJ Marionette.js with Derick Bailey


April 19th, 2013

1 hr 1 min 46 secs

Your Hosts
Special Guest

About this Episode

Use this link and code JAVAJAB to get 20% off your registration for FluentConf 2013!


Derick Bailey (twitter github blog)
AJ O’Neal (twitter github blog)
Merrick Christensen (twitter github)
Joe Eames (twitter github blog)
Tim Caswell (twitter github howtonode.org)
Charles Max Wood (twitter github Teach Me To Code Rails Ramp Up)

01:03 - Derick Bailey Introduction

Kendo UI

02:11 - Marionette.js

Zombie Views

06:57 - How backbone.js helps with large-scale applications


08:42 - High-level application architecture path with Marionette.js

BBClone Mail Source Code

13:02 - Breaking down Marionette.js

marionettejs / backbone.babysitter
marionettejs / backbone.wreqr

16:02 - The value of using Marionette.js

Tree views
Table rendering

18:23 - Application Structure
20:17 - backbone.wreqr
26:20 - Memory Management

Single-page applications
Simplicity & maintainability

34:23 - Routing

Single responsibility principle
boazsender / backbone.routefilter

41:40 - Compatibility Issues

tbranyen / backbone.layoutmanager
Composition vs Inheritance

48:57 - Layouts, region managers, and regions


Raynos / continuable (Tim)
asm.js (Joe)
Arrested Development (Joe)
Learn CSS Layout (Merrick)
Data in Gapminder World (Merrick)
BYU Easter Prank (AJ)
Ryan and Bryndi Engagement Story (AJ)
Ryan and Bryndi Wedding Day (AJ)
Libsyn (Chuck)
Get Clicky (Chuck)
Arduino (Derick)
Johnny-Five (Derick)
BackboneRails Screencasts (Derick)
Settler's Of Catan (Derick)
Ticket To Ride (Derick)
Carcassonne (Derick)
JavaScript Patterns by Stoyan Stefanov (Derick)
Patterns For Large-Scale JavaScript Application Architecture: Addy Osmani (Derick)
Learning JavaScript Design Patterns by Addy Osmani (Derick)
Developing Backbone.js Applications: Addy Osmani (Derick)

Next Week
Functional Programming with Zach Kessin
MERRICK:  Tim, is there anything that you don’t follow up with, "I actually wrote that a few years ago?"


TIM:  Yeah.

AJ:  I was wondering the same thing.

[Hosting and bandwidth provided by the Blue Box Group. Check them out at Bluebox.net.]

[This episode is sponsored by Component One, makers of Wijmo. If you need stunning UI elements or awesome graphs and charts, then go to Wijmo.com and check them out.]

CHUCK:  Hey everybody, and welcome to Episode 56 of the JavaScript Jabber Show. This week on our panel, we have AJ O’Neal.

AJ:  Yep, I’m here.

CHUCK:  Tim Caswell.

TIM:  Howdy?

CHUCK:  Joe Eames.

JOE:  Hey, everybody.

CHUCK:  Merrick Christensen.

MERRICK:  What’s up?

CHUCK:  And we have a special guest, Derick Bailey.

DERICK:  Hey, how’s it going?

CHUCK:  I guess, I should say I’m on here too. I’m Charles Max Wood from Devchat.tv. Derick, do you want to introduce your self really quickly?

DERICK:  Sure. Derick Bailey, obviously. I work for Kendo UI at the moment. We build HTML 5 and JavaScript controls for the web and global and all kinds of fun stuff. I’ve been working in JavaScript off and on for, let’s see, it was released in ’94. So, about 19 years, I guess. I got into it right when it was first out in Netscape 2.0 and it was a love/hate relationship for a long, long time until I finally found that I really do love it in the last couple of years and started working with it full time. I’m just enjoying the heck out of it at the moment with all of this server side stuff we can do in Node.js and all the big apps we can build with Backbone and Ember and Angular and everything else.

CHUCK:  Nice.

JOE:  That was a lot of enthusiasm, I liked it.


CHUCK:  Yeah. It’s like JavaScript’s cool again or something.

DERICK:  Yeah, it’s crazy. Everything old is new again.

MERRICK:  Why can’t I be that happy?