Difference between revisions of "JavaScriptFrameWorks"

From Lost In Wonderlands
Jump to: navigation, search
(Created page with "= JavaScript FrameWorks = ''by paul.plaquette, Senior Software Engineer, Trilda Open Source'' <<TableOfContents(3)>> '''''next:''''' ''More sorting and classification am...")
(No difference)

Revision as of 01:31, 4 March 2016

JavaScript FrameWorks

by paul.plaquette, Senior Software Engineer, Trilda Open Source

<<TableOfContents(3)>>


next:

More sorting  and classification among frameworks

See also

*  HTML5
* JavaScript
* CSS3
*  Web Technologies Reference
*  Web APIs
*  Web Tools
*  Web Computing

Focus

* http://www.javascriptkit.com/
* http://www.javascript.com/
* http://javascript.internet.com/
* http://jquery.com/
* http://developer.yahoo.com/yui/
* http://www.prototypejs.org/
* http://dojotoolkit.org/
* http://thinkvitamin.com/category/code/javascript/
*  Loading And Blocking JavaScript 
* http://dinosaurswithlaserz.com/2011/03/28/mobile-framework-throwdown/
* Frameworks Snippets 
 * http://jsfiddle.net/enyojs/g7MLS/


General Purpose FrameWorks

 * http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks
 * http://sixrevisions.com/javascript/promising_javascript_frameworks/
 * http://savedelete.com/17-best-javascript-frameworks-you-must-know.html
 * http://www.instantshift.com/2010/01/25/30-useful-tutorial-for-javascript-framework-navigation/
 * http://labs.adobe.com/technologies/spry/
 * http://stackoverflow.com/questions/394601/which-javascript-framework-jquery-vs-dojo-vs


 * Alice.js: http://blackberry.github.com/Alice/
 * Agility.js MVC Lib for JavaScript to build browsers: http://agilityjs.com/
 * Ample SDK (JS F A OS): http://www.amplesdk.com/
 * Ample SDK (JS F A OS): http://www.amplesdk.com/examples/sandbox/
 * Ample SDK (JS F A OS): http://en.wikipedia.org/wiki/Ample_SDK
 * Angular.js : http://angularjs.org/
 * Archetype: http://fr.wikipedia.org/wiki/Archetype_JavaScript_Framework
 * Archetype: http://blog.archetypejs.org/
 * Aura , requires backbone.js: 
  * https://github.com/aurajs/aura#readme
  * https://github.com/aurajs
 * Boostrap From Twiter(JS, F, W, A) : http://twitter.github.com/bootstrap/
 * Backbone.js: http://documentcloud.github.com/backbone/
 * Batman.js, build beautiful web apps quickly: http://batmanjs.org/
 * Capuccino.js : http://www.cappuccino-project.org/
 * CAN.js, features testing,: http://canjs.us/
 * Chapplin, web appliaction frameork on top of backbonze.js: http://chaplinjs.org/
 * Cujo.js, architectural framework for applications: http://cujojs.github.com/
 * Color.js, JS Color Library, http://matthewbj.github.com/Colors/
 * Derby,MVC Framework, for Node.js and browsers: http://derbyjs.com/
 * dermis, Dermis is a lightweight view lifecycle/routing system., needs RequireJS: https://github.com/wearefractal/dermis
 * Dijon-framework:
  * https://github.com/creynders/dijon-framework
  * http://creynders.wordpress.com/
 * Dojo (JS F A OS): http://dojotoolkit.org/
 * Dojo (JS F A OS): http://dojotoolkit.org/features/mobile
 * Dojo (JS F A OS): http://chrism.dojotoolkit.org/mobile-0.2/make_samples/dojo-samples/demos/mobile-gallery/demo.html
 * dhtmlx: http://dhtmlx.com/touch/
 * dhtmlx: http://dhtmlx.com/
 * dhtmlx: http://dhtmlx.com/docs/products/demoApps/index.shtml
 * duel, the 'V' in MVC, for both server and client side: https://bitbucket.org/mckamey/duel/wiki/Home
 * Echo: http://echo.nextapp.com/site/
 * Ember.js, A framework to build ambitious web apps: http://emberjs.com/
 * Emily JS modules to build scalable JavaScript appliactions : 
  * https://github.com/flams/emily/wiki
  * https://github.com/flams/emily
 * Epitome, extensible and modular open source MVC  framework: http://dimitarchristoff.github.com/Epitome/


 * foundationdotjs : http://foundationdotjs.org/
 * fleegis: http://js.fleegix.org/
 * funnyfaces.js, JavaScript bindings lib: 
  * http://weepy.github.com/o_O/
  * http://weepy.github.com/o_O/examples/guide/index.html
  * http://weepy.github.com/o_O/examples/todos/index.html
  * http://weepy.github.com/o_O/examples/zoom/index.html
 * fusejs: http://fusejs.com/
 * google:
  * Google Closure Library: https://developers.google.com/closure/library/
  * Google Web Toolkit : https://developers.google.com/web-toolkit/
 * Hammer.js, a JS multitouch Library, 
  * http://eightmedia.github.com/hammer.js/
  * https://github.com/eightmedia/hammer.js
 * Highlights.js, source source highlighting JS library, http://softwaremaniacs.org/soft/highlight/en/
 * Hogan.js, JavaScript templating from Twitter, http://twitter.github.com/hogan.js/
 
 * javascript_framework: http://dev.netvibes.com/doc/uwa/documentation/javascript_framework
 * Jo (JS Phone Gap F A OS) : http://joapp.com/
 * Javascript MVC (JS F A): http://javascriptmvc.com/
 * jsZip : http://stuk.github.com/jszip//
 * Kendo UI (JS F A): http://www.kendoui.com/?gclid=CKDl6Ze2gLMCFXHLtAodiRoACA
 * knockoutjs, MVC Model for JavaScript UI: http://knockoutjs.com/
 * Knockback.js, brings knockout.js to Backbone.js , requires underscore.js: http://kmalakoff.github.com/knockback/
 * Lawnchair: http://westcoastlogic.com/lawnchair/
 * Maria: Gang of fourth MVC Model DesignPatterns
 * Meteor, a better way to build apps: http://meteor.com/
 * Microjs: http://microjs.com/
 * Midorijs: http://www.midorijs.com/
 * M-Project: http://the-m-project.org/
 * Modal Box: http://okonet.ru/projects/modalbox/index.html
 * Mochikit (JS F D halted): http://mochi.github.com/mochikit/
 * Modernizr: 
  * Modernizr: http://modernizr.com/
  * yepnope.js: http://yepnopejs.com/
 * Moo Tools (JS F A): http://mootools.net/
 * Mojito (JS F : http://developer.yahoo.com/cocktails/mojito/
 * Node.js : http://nodejs.org/
 * nanoko.js: http://www.nanoko.org/?page=architecture
 * Olives, JavaScript MVC frameWork to build realtime UIs: 
  * http://flams.github.com/emily/
  * http://flams.github.com/olives/
  * https://github.com/flams/olives
 * Plastron.js, MVC for closure lib  and closure compiler: 
  * http://rhysbrettbowen.github.com/PlastronJS/
  * https://github.com/rhysbrettbowen/PlastronJS:
 * Pyjamas (python based): http://pyjs.org/
 * Pyjamas (python based): http://code.google.com/p/pyjamas/
 * Prototype: http://www.prototypejs.org/
 * qooxdoo (JS F A): http://qooxdoo.org/
 * <rAppid:js/>, the rich internet media JavaScript MVC Framework: http://www.rappidjs.com/#/home
 * Rialto: http://rialto.improve-technologies.com/wiki/rialto
 * Rialto: http://rialto.improve-technologies.com/rialto/
 * Rico (JS F A): http://openrico.sourceforge.net/examples/index.html
 * sammyjs, a small web framework with class: http://sammyjs.org/
 * sizzle: http://sizzlejs.com/
 * scriptaculous: http://madrobby.github.com/scriptaculous/
 * snackjs: http://davidwalsh.name/snackjs
 * smartclient (ajax) : http://www.smartclient.com/
 * smoke.js, alerting framework: http://ssssnakes.com/smoke/
 * spine.js, build awesome JavaScript MVC Applications: http://spinejs.com/
 * sproutcore : http://www.sproutcore.com/
 * Stapes.js, A (really) tiny JavaScript MVC microframework: http://hay.github.com/stapes/
 * SWFobject: http://code.google.com/p/swfobject/
 * Touch Code: http://touchcode.com/
 * TodoMVC: 
  * http://todomvc.com/
  * https://github.com/addyosmani/todomvc
 * treesaverjs, a minimalist JavaScript Framework: http://treesaverjs.com/
 * troopjs.com : 
  * http://www.redline.st/
  * https://github.com/troopjs
 * Unify: http://unify.github.com/unify/
 * Underscore.js, utility functions(require processing.js): http://documentcloud.github.com/underscore/
 * Web Font Loader: http://code.google.com/apis/webfonts/docs/webfont_loader.html
 * Wink Toolkit (JS F A) : http://www.winktoolkit.org/
 * xuijs: htt://xuijs.com/
 * YEOMAN, set of tools to built web apps: http://yeoman.io/
 * YUI: http://developer.yahoo.com/yui/
 * zeptojs: http://zeptojs.com/


 * http://en.wikipedia.org/wiki/Objective-J
 * http://en.wikipedia.org/wiki/Cappuccino_(application_development_framework)
 * http://cappuccino.org/

Anachy Project, Havok Game ENgine

* http://www.projectanarchy.com/about

Create.js: Easel.js, Tween.js, Sound.js, Preload.js, tools

  * Easel.js: http://www.createjs.com/#!/EaselJS
  * Tween.js: http://www.createjs.com/#!/TweenJS
  * Sound.js: http://www.createjs.com/#!/SoundJS
  * Preload.js: http://www.createjs.com/#!/PreloadJS
  * Tools: http://www.createjs.com/#!/Tools

DOJO

Enyo.js (Web OS)

* WebOS Enyo.js: 
 * site: http://enyojs.com/
 * github: https://github.com/enyojs/bootplate


jQuery (JS F A)

* http://jquery.com/
* http://jqueryui.com/ 
* http://jquerymobile.com/ 
* http://visualjquery.com/ 
 * http://jplayer.org/ 
 * http://www.learningjquery.com/ 
 * fitvid.js, Fluid Video jQuery plugin: http://fitvidsjs.com/
 * GMap, jQuery plugins, http://gmap.nurtext.de/

GWT

Prototype

Wijmo

* http://wijmo.com/

Sencha Complete (Architect, Touch, Ext JS, GXT, Animator, io)

* http://www.sencha.com/products/complete/
* Architect, Design, build:      http://www.sencha.com/products/architect/
* Ext JS:     http://www.sencha.com/products/extjs/
* touch:      http://www.sencha.com/products/touch/
* using java: http://www.sencha.com/products/gxt/
* animations: http://www.sencha.com/products/animator/
* cloud:      http://www.sencha.com/products/io/


Screenshots

* Google Screenshots: http://fluentconf.com/fluent2012/public/schedule/detail/24676
* http://html2canvas.hertzen.com/
* DOM-Panda: https://github.com/jankuca/dom-panda

YUI

Data Modeling

* Three.js: http://mrdoob.github.com/three.js/

CSS oriented

* http://lesscss.org/
* http://www.knacss.com/
* http://leaverou.github.com/prefixfree/#
* http://960.gs/

Internet explorer compatibility

Framework that adds layers on IE (6/7/8) to add standards conformance (HTML5, CSS3, etc...)
(this is interesting for making web sites)
* http://selectivizr.com/
* http://css3pie.com/
* http://www.google.com/chromeframe?prefersystemlevel=true
* Modernizr: 
 * Modernizr: http://modernizr.com/
 * yepnope.js: http://yepnopejs.com/


Globalization - Localization

* Globalize.js
 * use in Tizen SDK 2.1
 * used to be a JQuery Plugin
 * now a stand alone JavaScript Library
 * git  : https://github.com/jquery/globalize
* Articles
 * http://damianedwards.wordpress.com/2011/07/08/the-jquery-globalization-plugin-becomes-globalize/
 * http://www.ibm.com/developerworks/library/os-jquerynewpart1/
 * http://www.globalbydesign.com/2011/12/08/how-to-localize-date-formats-using-globalize-js/
 * http://icanmakethiswork.blogspot.com/2012/05/globalizejs-number-and-date.html
 * http://icanmakethiswork.blogspot.com/2012/05/globalizejs-number-and-date.html


PDF in JavaScript

* Nitro PDF (comemrcial)http://legacy.nitropdf.com/help/pdf_javascript.htm?lang=en
* Quick PDF Lib(commercial) : http://www.quickpdflibrary.com/help/quickpdf/JavaScript.php
* Mozilla PDF.js : 
 * https://github.com/mozilla/pdf.js
 * http://andreasgal.com/2011/06/15/pdf-js/
*  jspdf: 
 * http://code.google.com/p/jspdf/
 * http://snapshotmedia.co.uk/blog/jspdf
 * https://github.com/MrRio/jsPDF
 * http://jspdf.com/


Drawing Frameworks

* http://raphaeljs.com/
* http://fabricjs.com/
* http://www.createjs.com/#!/EaselJS
* http://paperjs.org/
* http://draw2d.org/draw2d/
* http://jsdraw2d.jsfiction.com/
* http://www.liquidx.net/canvasgraphjs/
* http://www.liquidx.net/plotkit/
* http://code.google.com/p/canviz/
* http://processing.org/
* http://processingjs.org/
* http://framework.zend.com/manual/1.12/en/zend.pdf.drawing.html
* http://www.flotcharts.org/
* http://kineticjs.com/
* http://sourceforge.net/projects/html-canvas-lib/files/

Animation Frameworks

* http://processing.org/
* http://processingjs.org/
* http://kineticjs.com/

Game FrameWorks

* http://www.webresourcesdepot.com/free-javascript-game-frameworks-to-create-a-web-based-fun/
* http://en.wikipedia.org/wiki/List_of_game_engines
* https://github.com/bebraw/jswiki/wiki/Game-Engines
* https://developer.mozilla.org/en/Canvas_tutorial
 
* http://cplus.about.com/od/cgames/C_Games_with_Source_Code.htm
* akihabara : http://www.kesiev.com/akihabara/
* Box2d : http://box2d-js.sourceforge.net/
* Osmose / bdge : https://github.com/Osmose/bdge
* caat : http://labs.hyperandroid.com/animation
* casualjs : http://code.google.com/p/casualjs/
* cocos2d : http://cocos2d-javascript.org/
* craftyjs : http://craftyjs.com/  http://craftyjs.tumblr.com/
* c3dl : http://www.c3dl.org/
* cssgameengine : https://sites.google.com/site/cssgameengine/
* Diggy : 
 * https://github.com/lostdecade/diggy
 * Bombada, a game using diggy: http://playbombada.appspot.com/
* doodle-js : http://lamberta.org/doodle-js/
* easel : http://easeljs.com/
* effect engine : http://www.effectgames.com/effect/
* enchant.js : http://enchantjs.com/en/
* entityjs : http://entityjs.com/
* flax : http://flax.ie/category/flax-game-engine/
* frigame : https://bitbucket.org/bugnano/frigame/wiki/Home
* gammajs : http://gammajs.org/
* gamequery : http://gamequeryjs.com/
* glge : http://www.glge.com/
* gogomakeplay : http://gogomakeplay.com/gmp
* html5boilerplate : http://html5boilerplate.com/
* impactjs : http://impactjs.com/
* Javascript 2D Game Engine : http://www.lukewallin.co.uk/?go=engine
* javaScript GameLib: http://www.sean.co.uk/a/webdesign/javascript_gamelib/javascript_gamelib.shtm
* jawsjsD : http://jawsjs.com/
* http://www.effectgames.com/effect/games/crystalgalaxy/
* http://www.effectgames.com/games/absorb-hd/
* joapp : http://joapp.com/
* jsGameSoup:
 * http://jsgamesoup.net/
 * jsGameSoup : http://www.jplayer.org/
 * jsGameSoup : http://blog.frontendforce.com/2010/03/games-development-in-javascript-part-1-frameworks/
 * jsGameSoup : http://mccormick.cx/projects/jsGameSoup/
* lightsoffapp : http://www.lightsoffapp.com/
* lightsoffapp :http://www.web-delicious.com/lights-off-a-puzzle-game-using-html5-canvas/
* Lime JS : http://www.limejs.com/
* mibbu : http://mibbu.eu/
* philogl : http://senchalabs.github.com/philogl/
* processingjs : http://processingjs.org/
* propulsionjs  : http://www.propulsionjs.com/
* raphaeljs : http://raphaeljs.com/
* renderengine : https://github.com/bfattori/TheRenderEngine 
* renderengine : http://therenderengine.blogspot.com/
* rocketpack : http://rocketpack.fi/engine/
* RPG JS: http://rpgjs.com/
* smileycat physics engine : http://www.smileycat.com/miaow/archives/001964.php
* soundmanager2 : http://www.schillmania.com/projects/soundmanager2/
* SpiderMonkey : https://developer.mozilla.org/en/SpiderMonkey
* videojs: http://videojs.com/
* Web Apper, angry bird like game : http://www.webappers.com/2011/08/15/physics-engine-in-javascript-for-angry-birds-like-games/
* getxc : http://www.getxc.org/

Physics Engine FrameWorks

* http://drawlogic.com/2007/11/07/as3-foam-2d-physics-engine/
* http://en.wikipedia.org/wiki/Physics_engine
* http://en.wikipedia.org/wiki/PAL_(software)
* http://en.wikipedia.org/wiki/Newton_Game_Dynamics
* http://blog.generalrelativity.org/about/
* http://www.adrianboeing.com/pal/index.html

Audio

* official labs: http://labs.official.fm/
* Audio.js : http://kolber.github.com/audiojs/
* Buzz: http://buzz.jaysalvat.com/
* JPlayer.org: http://www.jplayer.org/
* SoundJS (part of createjs see above): http://www.createjs.com/#!/SoundJS
* SoundManager 2 : http://www.schillmania.com/projects/soundmanager2/
* Timbre.js : http://mohayonao.github.com/timbre/
* Thunder.js : http://joewlarson.com/blog/2011/10/16/introducing-thunder-js/

Aurora Framework

* Aurora.js : https://github.com/ofmlabs/aurora.js
Flac support
* FLAC.js: https://github.com/ofmlabs/flac.js
* jsmad: https://github.com/ofmlabs/jsmad

Apple Lossless decoder

* Alac.js : https://github.com/ofmlabs/alac.js
MP3 support:
* https://github.com/devongovett/mp3.js


Node.js Framework

* PDFKit:
  * http://pdfkit.org/

Rhino

* Rhino is a Java implementation made and supported by Mozilla of a JavaScript interpretor
 * https://developer.mozilla.org/en-US/docs/Rhino
* Ringo.js, a JavaScript Framework for Rhino
 * ringo.js: http://ringojs.org/
 * slides on Ringo.js: http://www.slideshare.net/olegp/ringojs
* Ringo versus Node.js
 * http://hns.github.com/2010/09/21/benchmark.html

Other Frameworks

http://documentcloud.github.com/backbone/ http://westcoastlogic.com/lawnchair/

http://www.khronos.org/collada/ https://collada.org/mediawiki/index.php/COLLADA_-_Digital_Asset_and_FX_Exchange_Schema

http://www.khronos.org/webgl/ http://www.khronos.org/webgl/wiki/Getting_a_WebGL_Implementation


Samples

 * http://www.canvasdemos.com/
 * http://web.appstorm.net/roundups/browsers/10-html5-games-paving-the-way/
 * http://blogs.msdn.com/b/davrous/archive/2011/09/09/html5-platformer-the-complete-port-of-the-xna-game-to-lt-canvas-gt-with-easeljs.aspx
 * http://elearningexamples.com/examples/interactive-graphics/html-interactive-graphics/
 * http://sixrevisions.com/web-development/html5-iphone-app/
 * http://www.1stwebdesigner.com/freebies/examples-html5-javascript-uses/
 * http://dev.opera.com/articles/view/3d-games-with-canvas-and-raycasting-part/
 * http://www.dotmmo.com/html5-and-3d-browser-games-with-javascript-frameworks-4207.html
 * http://html5example.net/entry/html5-showcases/html5-game-collection
 * http://www.html5grind.com/2011/06/26/coming-soon-learning-html5-game-programming-book/
 * http://www.hongkiat.com/blog/48-excellent-html5-demos/
 * http://html5tutorial.net/examples/samples-using-the-html5-canvas-element.html
 * http://www.rgraph.net/
 * https://github.com/jwill/html5-game-book
 * http://labs.adobe.com/technologies/edge/?sdid=JAPJW&skwcid=TC%7C23230%7CHTML5%20samples%7C%7CS%7Cb%7C8325937146
 * http://www.1stwebdesigner.com/freebies/examples-html5-javascript-uses/
 * http://www.dotmmo.com/html5-and-3d-browser-games-with-javascript-frameworks-4207.html
 * http://html5example.net/entry/html5-showcases/html5-game-collection
 * http://html5gameonline.com/
 * http://html5example.net/entry/html5-showcases/12-fun-clever-examples-of-html5
 * http://www.hongkiat.com/blog/48-excellent-html5-demos/
 * https://github.com/jwill/html5-game-book
 * http://training.bocoup.com/
 * http://www.scirra.com/construct2
 * http://sourceforge.net/projects/clanfx/
 * http://www.wonderlandblog.com/wonderland/2010/04/aves-an-html-javascript-game-engine.html
 * https://github.com/Osmose/bdge
 * http://code.google.com/p/casualjs/
 * http://labs.hyperandroid.com/static/ibasket/template.html
 * http://labs.hyperandroid.com/mathmayhem
 * https://github.com/hyperandroid/CAAT-Samples.git
 * http://cplus.about.com/od/cgames/C_Games_with_Source_Code.htm
 * http://dev.opera.com/articles/view/creating-pseudo-3d-games-with-html-5-can-1/
 * http://dev.opera.com/articles/tags/open%20web/
 * http://www.effectgames.com/effect/
 * http://www.def-logic.com/
 * http://www.sean.co.uk/a/javascriptgames/index.shtm
 * http://www.lostdecadegames.com/page2/#posts