David Luecke daffl

CanJS and Backbone both provide structure for JavaScript applications through an MVC-like pattern.

CanJS

CanJS is a lightweight MVC framework built to provide structure for JavaScript applications. It is aimed at developers of any library who need a battle-hardened library that makes building complex applications easy. It is part of a larger offering named JavaScriptMVC from Bitovi (its creators) that has documentation, testing and dependency management tools.

Backbone

Backbone is a flexible, minimalist solution for seperating concerns in a JavaScript application. It provides just a little bit of structure to a jQuery application and has largely attracted developers who know just enough jQuery to get by and now want to organize their code a bit more.

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title> KISS, based on fiddle example </title>
	<script type='text/javascript' src='jquery-1.5.2.js'></script>
	<script type="text/javascript" src="jquery-ui.js"></script>
	<script type='text/javascript' src="jquery.dform-0.1.3.min.js"></
	script>

	<VirtualHost *:80>
	ServerAdmin webmaster@localhost

	DocumentRoot /var/www/frontend
	<Directory />
	Options FollowSymLinks
	AllowOverride None
	</Directory>
	<Directory /var/www/frontend>
	Options Indexes FollowSymLinks MultiViews

	/*!
	* CanJS - 1.1.5 (2013-03-26)
	* http://canjs.us/
	* Copyright (c) 2013 Bitovi
	* Licensed MIT
	*/
	(function (can, window, undefined) {
	// ## can/observe/attributes/attributes.js
	can.each([can.Observe, can.Model], function (clss) {
	// in some cases model might not be defined quite yet.

	#!/bin/sh

	PORT=$1
	SSH=$2

	if [ -z "$PORT" ]
	then
	PORT="80"
	fi

	var UglifyJS = require('uglify-js');

	module.exports = function(code) {
	var toplevel = UglifyJS.parse(code);

	toplevel.figure_out_scope();

	var compressor = UglifyJS.Compressor({
	warnings: false
	});

	var feathers = require('feathers');
	var bodyParser = require('body-parser');

	var todoService = {
	todos: [],

	// Return all todos from this service
	find: function(params, callback) {
	callback(null, this.todos);
	},

	// POST http://localhost:8000/todos

	{
	"description": "You have to do dishes!"
	}


	// GET http://localhost:8000/todos

	[

	var feathers = require('feathers');
	var bodyParser = require('body-parser');
	// An in-memory service implementation
	var memory = require('feathers-memory');
	// Create an in-memory CRUD service for our Todos
	var todoService = memory();

	var app = feathers()
	// Set up REST and SocketIO APIs
	.configure(feathers.rest())

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>Phonegap hello world</title>
	<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
	</head>
	<body style="padding: 20px;">
	<div class="container">
	<div class="row">