Skip to content
This repository has been archived by the owner on Dec 6, 2017. It is now read-only.

iammerrick/Lunch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Lunch

Lunch is a playground application for me to experiment with writing robust client code in CoffeeScript.

Check This Action!

CoffeeScript, SCSS, Compass & Require.js

First thing you will notice is I'm still using AMD for the module layer, some of the most beautiful JavaScript I've seen is this combination of tools. So to work on this application you will need to compile your CoffeeScript files like so:

coffee -o public/javascripts/ -w coffeescript/

And when you are ready to deploy, use r.js to build all those modules to one file:

r.js -o config/build.js

To compile those stylesheets:

cd config && compass watch

Require.js

I am using the i18n AMD plugin for messaging and internationalization support which I tie into a Handlebars.js helper. See coffeescript/messages/dictionary.coffee and coffeescript/views/view.coffee.

Backbone.js

You will now notice I am doing something a bit different from the conventional Backbone.js application, the views are simply relegated to returning a string and receiving a context.

I am changing Backbone.View to Controller in coffeescript/controllers/controller.coffee and adding some helpful methods like html & append, when you use @html you are able to add shortcuts in a hash like so:

{ 'name' : '.name' }

This allows you to reference the jQuery element of .name as @name.

A lot the stuff I've done here is pulled from the awesome Spine.js.

About

An example of how to build big client applications with CoffeeScript & Backbone.js.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published