Difference between revisions of "JavaScriptFrameWorks"

From Lost In Wonderlands
Jump to: navigation, search
(General Purpose FrameWorks)
(General Purpose FrameWorks)
Line 77: Line 77:
 
  * https://github.com/aurajs/aura#readme
 
  * https://github.com/aurajs/aura#readme
 
  * https://github.com/aurajs
 
  * https://github.com/aurajs
 +
 +
 
* Boostrap From Twiter(JS, F, W, A) : http://twitter.github.com/bootstrap/
 
* Boostrap From Twiter(JS, F, W, A) : http://twitter.github.com/bootstrap/
 
* Backbone.js: http://documentcloud.github.com/backbone/
 
* Backbone.js: http://documentcloud.github.com/backbone/
Line 87: Line 89:
 
* Capuccino.js : http://www.cappuccino-project.org/
 
* Capuccino.js : http://www.cappuccino-project.org/
 
* CAN.js, features testing,: http://canjs.us/
 
* CAN.js, features testing,: http://canjs.us/
* Chapplin, web appliaction frameork on top of backbonze.js: http://chaplinjs.org/
+
* Chapplin, web aaclication famework on top of backbonze.js: http://chaplinjs.
 
+
org/
 
* Cujo.js, architectural framework for applications: http://cujojs.github.com/
 
* Cujo.js, architectural framework for applications: http://cujojs.github.com/
 
* Color.js, JS Color Library, http://matthewbj.github.com/Colors/
 
* Color.js, JS Color Library, http://matthewbj.github.com/Colors/
 +
 +
 
* Derby,MVC Framework, for Node.js and browsers: http://derbyjs.com/
 
* 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
 
* dermis, Dermis is a lightweight view lifecycle/routing system., needs RequireJS: https://github.com/wearefractal/dermis
Line 103: Line 107:
 
* dhtmlx: http://dhtmlx.com/docs/products/demoApps/index.shtml
 
* 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
 
* duel, the 'V' in MVC, for both server and client side: https://bitbucket.org/mckamey/duel/wiki/Home
 +
 
* Echo: http://echo.nextapp.com/site/
 
* Echo: http://echo.nextapp.com/site/
 +
* Electron, https://electron.atom.io/
 
* Ember.js, A framework to build ambitious web apps: http://emberjs.com/
 
* Ember.js, A framework to build ambitious web apps: http://emberjs.com/
* Emily JS modules to build scalable JavaScript appliactions :  
+
* Emily JS modules to build scalable JavaScript applications :  
 
   * https://github.com/flams/emily/wiki
 
   * https://github.com/flams/emily/wiki
 
   * https://github.com/flams/emily
 
   * https://github.com/flams/emily
Line 119: Line 125:
 
  * http://weepy.github.com/o_O/examples/zoom/index.html
 
  * http://weepy.github.com/o_O/examples/zoom/index.html
 
* fusejs: http://fusejs.com/
 
* fusejs: http://fusejs.com/
 +
 +
 
* google:
 
* google:
 
  * Google Closure Library: https://developers.google.com/closure/library/
 
  * Google Closure Library: https://developers.google.com/closure/library/
 
  * Google Web Toolkit : https://developers.google.com/web-toolkit/
 
  * Google Web Toolkit : https://developers.google.com/web-toolkit/
 +
 +
 
* Hammer.js, a JS multitouch Library,  
 
* Hammer.js, a JS multitouch Library,  
 
* http://eightmedia.github.com/hammer.js/
 
* http://eightmedia.github.com/hammer.js/
Line 127: Line 137:
 
* Highlights.js, source source highlighting JS library, http://softwaremaniacs.org/soft/highlight/en/
 
* 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/
 
* Hogan.js, JavaScript templating from Twitter, http://twitter.github.com/hogan.js/
 +
 
 
    
 
    
 
* javascript_framework: http://dev.netvibes.com/doc/uwa/documentation/javascript_framework
 
* javascript_framework: http://dev.netvibes.com/doc/uwa/documentation/javascript_framework
Line 134: Line 145:
 
* JHipster, https://jhipster.github.io/
 
* JHipster, https://jhipster.github.io/
 
* jsZip : http://stuk.github.com/jszip//
 
* jsZip : http://stuk.github.com/jszip//
 +
 +
 
* Kendo UI (JS F A): http://www.kendoui.com/?gclid=CKDl6Ze2gLMCFXHLtAodiRoACA
 
* Kendo UI (JS F A): http://www.kendoui.com/?gclid=CKDl6Ze2gLMCFXHLtAodiRoACA
 
* knockoutjs, MVC Model for JavaScript UI: http://knockoutjs.com/
 
* 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/
 
* Knockback.js, brings knockout.js to Backbone.js , requires underscore.js: http://kmalakoff.github.com/knockback/
 +
 +
 
* Lawnchair: http://westcoastlogic.com/lawnchair/
 
* Lawnchair: http://westcoastlogic.com/lawnchair/
 +
 +
 
* Maria: Gang of fourth MVC Model DesignPatterns
 
* Maria: Gang of fourth MVC Model DesignPatterns
 
* Meteor, a better way to build apps: http://meteor.com/
 
* Meteor, a better way to build apps: http://meteor.com/
Line 150: Line 167:
 
* Moo Tools (JS F A): http://mootools.net/
 
* Moo Tools (JS F A): http://mootools.net/
 
* Mojito (JS F : http://developer.yahoo.com/cocktails/mojito/
 
* Mojito (JS F : http://developer.yahoo.com/cocktails/mojito/
 +
 +
 
* Node.js : http://nodejs.org/
 
* Node.js : http://nodejs.org/
 
* nanoko.js: http://www.nanoko.org/?page=architecture
 
* nanoko.js: http://www.nanoko.org/?page=architecture
 +
 +
 
* Olives, JavaScript MVC frameWork to build realtime UIs:  
 
* Olives, JavaScript MVC frameWork to build realtime UIs:  
 +
 +
 
* http://flams.github.com/emily/
 
* http://flams.github.com/emily/
 
* http://flams.github.com/olives/
 
* http://flams.github.com/olives/
 +
 +
 
* https://github.com/flams/olives
 
* https://github.com/flams/olives
 +
 +
 
* Plastron.js, MVC for closure lib  and closure compiler:  
 
* Plastron.js, MVC for closure lib  and closure compiler:  
 
* http://rhysbrettbowen.github.com/PlastronJS/
 
* http://rhysbrettbowen.github.com/PlastronJS/
Line 162: Line 189:
 
  * Pyjamas (python based): http://code.google.com/p/pyjamas/
 
  * Pyjamas (python based): http://code.google.com/p/pyjamas/
 
* Prototype: http://www.prototypejs.org/
 
* Prototype: http://www.prototypejs.org/
 +
 +
 
* qooxdoo (JS F A): http://qooxdoo.org/
 
* qooxdoo (JS F A): http://qooxdoo.org/
 +
 +
 
* <rAppid:js/>, the rich internet media JavaScript MVC Framework: http://www.rappidjs.com/#/home
 
* <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/wiki/rialto
 
* Rialto: http://rialto.improve-technologies.com/rialto/
 
* Rialto: http://rialto.improve-technologies.com/rialto/
 
* Rico (JS F A): http://openrico.sourceforge.net/examples/index.html
 
* Rico (JS F A): http://openrico.sourceforge.net/examples/index.html
 +
 +
 
* sammyjs, a small web framework with class: http://sammyjs.org/
 
* sammyjs, a small web framework with class: http://sammyjs.org/
 
* sizzle: http://sizzlejs.com/
 
* sizzle: http://sizzlejs.com/
Line 177: Line 210:
 
* Stapes.js, A (really) tiny JavaScript MVC microframework: http://hay.github.com/stapes/
 
* Stapes.js, A (really) tiny JavaScript MVC microframework: http://hay.github.com/stapes/
 
* SWFobject: http://code.google.com/p/swfobject/
 
* SWFobject: http://code.google.com/p/swfobject/
 +
 +
 
* Touch Code: http://touchcode.com/
 
* Touch Code: http://touchcode.com/
 
* TodoMVC:  
 
* TodoMVC:  
Line 185: Line 220:
 
   * http://www.redline.st/
 
   * http://www.redline.st/
 
   * https://github.com/troopjs
 
   * https://github.com/troopjs
 +
 
 +
 
 
* Unify: http://unify.github.com/unify/
 
* Unify: http://unify.github.com/unify/
 
* Underscore.js, utility functions(require processing.js): http://documentcloud.github.com/underscore/
 
* Underscore.js, utility functions(require processing.js): http://documentcloud.github.com/underscore/
 
http://babylonjs.com/
 
http://babylonjs.com/
 +
 +
 
* Vorlon.js: an open source testing framework from microsoft, http://vorlonjs.com/
 
* Vorlon.js: an open source testing framework from microsoft, http://vorlonjs.com/
 
* Vue.js: The Progressive JavaScript Framework, https://vuejs.org/
 
* Vue.js: The Progressive JavaScript Framework, https://vuejs.org/
 +
 +
 
* Web Font Loader: http://code.google.com/apis/webfonts/docs/webfont_loader.html
 
* Web Font Loader: http://code.google.com/apis/webfonts/docs/webfont_loader.html
 
* WebASM, http://webassembly.org/
 
* WebASM, http://webassembly.org/
 
* Wink Toolkit (JS F A) : http://www.winktoolkit.org/
 
* Wink Toolkit (JS F A) : http://www.winktoolkit.org/
 +
 +
 
* xuijs: htt://xuijs.com/
 
* xuijs: htt://xuijs.com/
 +
 +
 
* YEOMAN, set of tools to built web apps: http://yeoman.io/
 
* YEOMAN, set of tools to built web apps: http://yeoman.io/
 
* YUI: http://developer.yahoo.com/yui/
 
* YUI: http://developer.yahoo.com/yui/
 +
 +
 
* zeptojs: http://zeptojs.com/
 
* zeptojs: http://zeptojs.com/
 
   * http://en.wikipedia.org/wiki/Objective-J
 
   * http://en.wikipedia.org/wiki/Objective-J

Revision as of 07:45, 27 April 2017

JavaScript FrameWorks

next:

More sorting  and classification among frameworks

See also


Focus

  • Frameworks Snippets
* http://jsfiddle.net/enyojs/g7MLS/


General Purpose FrameWorks


* https://github.com/aurajs/aura#readme
* https://github.com/aurajs


* http://babylonjs.com/
* https://github.com/BabylonJS/Babylon.js
* http://learningbabylonjs.com/
* http://www.pixelcodr.com/aboutme.html

org/


* https://github.com/creynders/dijon-framework
* http://creynders.wordpress.com/
 * https://github.com/flams/emily/wiki
 * https://github.com/flams/emily
 * Epitome, extensible and modular open source MVC  framework: http://dimitarchristoff.github.com/Epitome/


* 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


  • google:
* Google Closure Library: https://developers.google.com/closure/library/
* Google Web Toolkit : https://developers.google.com/web-toolkit/






* Modernizr: http://modernizr.com/



  • Olives, JavaScript MVC frameWork to build realtime UIs:




* Pyjamas (python based): http://code.google.com/p/pyjamas/





* http://todomvc.com/
* https://github.com/addyosmani/todomvc
 * http://www.redline.st/
 * https://github.com/troopjs
 
 

http://babylonjs.com/




  • xuijs: htt://xuijs.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

Angular.js

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


Crosswalk

* hydrid application development

the crosswalk advantage is to provide a native bedrock for your web application. it is proposing several javascript frameworks, but also come with a version of webkit engine to render HTML pages that will behave the same on any platforms on with you will port your application  : it ends the issue one may have supporting several versions of the application code for several web browser on several versions of several system hosts

recommendation: keep the source code as archive , but also the tools chain for each version of crsswalk just in case Intel OTC stops to support this product Intel OTC is the only provider for Crosswalk , and might stops develop it anytime

DOJO

Enyo.js (Web OS)

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

Ionic

What is Ionic : a framework to bult cross platform web applications

tutorials

Ionic2

* https://plus.google.com/+dzone/posts/BEKJ2k4aFrN
* https://plus.google.com/+Webcodegeeks/posts/LQU5f3B7ZFG

jQuery (JS F A)

* 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

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


Screenshots

YUI

Data Modeling

CSS oriented

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)
* 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

* https://github.com/mozilla/pdf.js
 * http://code.google.com/p/jspdf/


Drawing Frameworks

Animation Frameworks

"Binaries" and Web

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

Flac support

Apple Lossless decoder

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


Node.js Framework

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

React.js

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


Samples