KEMBAR78
JavaScriptMVC vs GI vs GWT | PPTX
JavaScriptMVCUX TeamOwen
TopicWhat is JavaScriptMVC?JavaScript TheoryHow to develop/test/compress  a project?What is inside?Weakness & StrongPointJavaScriptMVC VSGI VS GWTMore Information
What is JavaScriptMVC?A collection of the best practices and tools for building JavaScript applications. Built on top of jQuery, it consists of the following standalone component.StealJS: Dependency management and a easy build tool.I recommend RequiresJS, http://requirejs.org/docs/api.htmlCircular DependenciesLoad Scripts in a Specific OrderPage Load Event SupportFuncUnit: Automatic test tool, Functional testing solution, Write test case in jQuery syntax, run them via command line or browser.(Like GITAK)jQueryMX:These plugins are the building blocks of large jQuery application: model, view, controller, class, fixtures, and more. DocumentJS: A JSDoc compliant tool,that turns comments into a searchable documentation app.
JavaScript Theory
How to develop a project?Cd javascriptmvc./jsjquery\generate\app cookbook./jsjquery\generate\page cookbook index.html./jsjquery\generate\scaffold Cookbook.Models.RecipeOpen cookbook/index.htmlin Firefox.
How to Testa project?Edit cookbook/test/qunit/qunit.jssteal  .plugins("funcunit/qunit", "cookbook")  .then("cookbook_test","recipe_test")Open cookbook/qunit.html, see the unit testing.Or, funcunit/envjs cookbook/qunit.htmlEdit cookbook/test/funcunit/funcunit.js steal .plugins("funcunit") .then("cookbook_test","recipe_controller_test”)Open cookbook/funcunit.html, see the browser testing.Or, funcunit/envjs cookbook/funcunit.html
How to Compressa project?./js cookbook/scripts/build.jsEdit cookbook/index.html<script type='text/javascript' src='../steal/steal.production.js?cookbook'></script>
What is inside?
Weakness & StrongPointWeaknessBase on jQuery, may be some issue was evoked by jQuery.File directory structure base on MVC, it doesn’t like AMX plugin folder structure.StrongPointBase on jQuery, we can use jQuery’s feature.It contains four components, and all the component is standalone.MVC structure.Easy testing
Ananta’s Question
JavaScriptMVC VS GI VS GWT
JavaScriptMVC VS GI VS GWT
More InformationJavaScriptMVCDemo List: http://docs.javascriptmvc.com/demos/index.htmlWho recommend it: http://addyosmani.com/blog/large-scale-jquery/Twitter: @javascriptmvcBlog: http://jupiterjs.com/pages/javascriptmvcForum:http://forum.javascriptmvc.com
Question?

JavaScriptMVC vs GI vs GWT

  • 1.
  • 2.
    TopicWhat is JavaScriptMVC?JavaScriptTheoryHow to develop/test/compress a project?What is inside?Weakness & StrongPointJavaScriptMVC VSGI VS GWTMore Information
  • 3.
    What is JavaScriptMVC?Acollection of the best practices and tools for building JavaScript applications. Built on top of jQuery, it consists of the following standalone component.StealJS: Dependency management and a easy build tool.I recommend RequiresJS, http://requirejs.org/docs/api.htmlCircular DependenciesLoad Scripts in a Specific OrderPage Load Event SupportFuncUnit: Automatic test tool, Functional testing solution, Write test case in jQuery syntax, run them via command line or browser.(Like GITAK)jQueryMX:These plugins are the building blocks of large jQuery application: model, view, controller, class, fixtures, and more. DocumentJS: A JSDoc compliant tool,that turns comments into a searchable documentation app.
  • 4.
  • 5.
    How to developa project?Cd javascriptmvc./jsjquery\generate\app cookbook./jsjquery\generate\page cookbook index.html./jsjquery\generate\scaffold Cookbook.Models.RecipeOpen cookbook/index.htmlin Firefox.
  • 6.
    How to Testaproject?Edit cookbook/test/qunit/qunit.jssteal .plugins("funcunit/qunit", "cookbook") .then("cookbook_test","recipe_test")Open cookbook/qunit.html, see the unit testing.Or, funcunit/envjs cookbook/qunit.htmlEdit cookbook/test/funcunit/funcunit.js steal .plugins("funcunit") .then("cookbook_test","recipe_controller_test”)Open cookbook/funcunit.html, see the browser testing.Or, funcunit/envjs cookbook/funcunit.html
  • 7.
    How to Compressaproject?./js cookbook/scripts/build.jsEdit cookbook/index.html<script type='text/javascript' src='../steal/steal.production.js?cookbook'></script>
  • 8.
  • 9.
    Weakness & StrongPointWeaknessBaseon jQuery, may be some issue was evoked by jQuery.File directory structure base on MVC, it doesn’t like AMX plugin folder structure.StrongPointBase on jQuery, we can use jQuery’s feature.It contains four components, and all the component is standalone.MVC structure.Easy testing
  • 10.
  • 11.
  • 12.
  • 13.
    More InformationJavaScriptMVCDemo List:http://docs.javascriptmvc.com/demos/index.htmlWho recommend it: http://addyosmani.com/blog/large-scale-jquery/Twitter: @javascriptmvcBlog: http://jupiterjs.com/pages/javascriptmvcForum:http://forum.javascriptmvc.com
  • 14.