SIG
Get flash to fully experience Pearltrees
Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface. The project is hosted on GitHub , and the annotated source code is available, as well as an online test suite , an example application , a list of tutorials and a long list of real-world projects that use Backbone. Backbone is available for use under the MIT software license . You can report bugs and discuss features on the GitHub issues page , on Freenode IRC in the #documentcloud channel, post questions to the Google Group , add pages to the wiki or send tweets to @documentcloud .
Backbone.js
Underscore.js
The project is hosted on GitHub . You can report bugs and discuss features on the issues page , on Freenode in the #documentcloud channel, or send tweets to @documentcloud . Iterates over a list of elements, yielding each in turn to an iterator function. The iterator is bound to the context object, if one is passed.number = 42 opposite = true number = - 42 if opposite square = (x) -> x * x list = [ 1 , 2 , 3 , 4 , 5 ] math = root: Math.sqrt square: square cube : (x) -> x * square x race = (winner, runners...) -> print winner, runners alert " I knew it! " if elvis ? cubes = (math.cube num for num in list) The CoffeeScript compiler is itself written in CoffeeScript , using the Jison parser generator . The command-line version of coffee is available as a Node.js utility.
CoffeeScript
npm is a package manager for node . You can use it to install and publish your node programs. It manages dependencies and does other cool stuff.
npm - Node Package Manager
The Closure Compiler has been integrated with Page Speed , which makes it easier to evaluate the performance gains you can get by using the compiler.
Closure Compiler - Google Code
QUnit is especially useful for regression testing: Whenever a bug is reported, write a test that asserts the existence of that particular bug. Then fix it and commit both. Every time you work on the code again, run the tests. If the bug comes up again - a regression - you'll spot it immediately and know how to fix it, because you know what code you just changed. Having good unit test coverage makes safe refactoring easy and cheap. You can run the tests after each small refactoring step and always know what change broke something.
QUnit - jQuery JavaScript Library
"JavaScriptMVC strikes the perfect balance between structure, speed and featureset to enable web developers to build large, scalable apps in a modular fashion." "Since standardizing on JavaScriptMVC, we've been able to start sharing well-tested code between projects, quickly bring new developers up to speed and take the complexity out of the packaging, minification, and deployment process."
JavaScriptMVC
jQuery: The Write Less, Do More, JavaScript Library
Congratulations! You just ran a snippet of jQuery code. Wasn't that easy? There's lots of example code throughout the documentation on this site.
Sencha Architect unlocks the power of the Sencha HTML5 Platform, giving developers the tools they need to rapidly and visually build mobile and desktop web applications.
Desktop and Mobile Web App Frameworks Using JavaScript and HTML5 | Ext JS, Ext GWT and Sencha Touch | Sencha
Unbeatable JavaScript Tools - The Dojo Toolkit
New lightweight kernel Dojo 1.7 is the largest update to the Dojo toolkit since Dojo 1.0. We’ve completely refactored Dojo around a lightweight modular kernel with minimal base dependencies , while retaining with older Dojo versions. Designed to grow with your project and organization Dojo is now a minimal loader with thousands of loosely coupled lightweight module plugins available when you need them that are tested and maintained together for the best quality possible.
// Creates canvas 320 × 200 at 10, 50 var paper = Raphael( 10 , 50 , 320 , 200 ); // Creates circle at x = 50, y = 40, with radius 10 var circle = paper.circle( 50 , 40 , 10 ); // Sets the fill attribute of the circle to red (#f00) circle.attr( "fill" , "#f00" ); // Sets the stroke attribute of the circle to white circle.attr( "stroke" , "#fff" );
Raphaël—JavaScript Library
The aim of the project is to create a lightweight 3D library with a very low level of complexity — in other words, for dummies. The library provides , and WebGL renderers.