Architect Pattern Library

Javascript Design Patterns http://addyosmani.com/resources/essentialjsdesignpatterns/book/ References The Essentials of Writing High Quality JavaScript http://net.tutsplus.com/tutorials/javascript-ajax/the-essentials-of-writing-high-quality-javascript/ JSPatterns http://www.jspatterns.com/ jQuery Anti-Patterns for Performance & Compression http://paulirish.com/2009/perf/ How DRY Affects JavaScript Performance http://velocityconf.com/velocityeu/public/schedule/detail/21634 Object Oriented JavaScript http://www.packtpub.com/object-oriented-javascript/book JavaScript Patterns http://shop.oreilly.com/product/9780596806767.do JavaScript: The Good Parts http://shop.oreilly.com/product/9780596517748.do Pro JavaScript Design Patterns http://jsdesignpatterns.com/ Essential JavaScript Design Patterns For Beginners, Volume 1. http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/ Eloquent JavaScript http://eloquentjavascript.net/

1.Variables, functions, properties methods: // Good var thisIsMyName; var anotherVariable; var aVeryLongVariableName; Methods: // Good function getName() { return myName; } // Bad: Easily confused with variable function theName() { return myName; } Constants: // Good eg: // Changing this value will be problem var MAX_COUNT = 10; var URL = "http://www.mydomain.net/"; if (count < MAX_COUNT) { doSomething(); } Global References:  // Note: Specify about below declaration,where they are used  var globalPreferedMode = false;  var globalUserPreferenceArr = [];  // Array used to compare with preference cols of trade grid while applying preferences 2. Single line comments: eg: // Good if (condition) { // if you made it here, then all security checks passed allowed(); } eg: // Good var result = something + somethingElse; // somethingElse will never be null Multiline comments: eg: // Good if (condition) { /* ...

The Ext JS framework is built in such a manner that makes it easy to extend. Ext JS extensions allow developers to create new classes that are derived from existing Ext JS classes, allowing the new class to use both its own new methods and the methods of the class that it extends. The Ext JS plug-in architecture allows developers to create new classes that do not depend on any existing Ext JS class (although they typically extend Ext.util.Observable). In this article learn how to build your own Ext JS extensions and plug-ins. Learn about the Ext JS classes, components, and how to extend them to create your own extensions and plug-ins. Introduction Ext JS is a comprehensive JavaScript framework that includes a vast collection of features, including cross-browser-compatible JavaScript helper utilities for DOM traversal and manipulation and data object ...

1.Why we need javascript Library? Javascript is an awesome language. It’s super flexible.Browsers are the modern UI paradigm. The javascript Libraries now must provide a rich set of UI Widgets. javascript libraries: * JQuery * Qooxdoo * Dojo * Prototype.js * mootools * extjs 2. Why did you choose Ext JS? The overall design of extjs is exemplary.One can learn a lot from it’s unified architecture – no matter which language one is programming in. Extjs requires you to start with one of their base classes – ensuring a consitent model. Consistency is extremely important for the library to be reusable. a.Extjs documentation seems to be very comprehensive and well maintained. b.key aspect of the EXTJS Library is the cross-browser support. c.Build rich Internet applications with Ext JS d. Ext JS framework is the multitude of rich UI elements provided. These elements include forms, dialog boxes, tabs, trees, and grids. e.The Ext JS framework includes support for Ajax implementations. f.Ext J...

Ext JS  is a cross-browser JavaScript library for building rich internet applications. * High performance, customizable UI widgets * Well designed, documented and extensible Component model * Commercial and Open Source licenses available Make an impact : EXTJS 3.0 is here.. Join over 400,000 developers working smarter, not harder. Deliver results faster with: * Direct, CRUD and REST support for streamlined server communications * New Examples and Components including Charting * Over a 1,000 enhancements and fixes - improved memory management in IE6 * Documented API and refactored CSS. * Backwards compatible to keep you moving forward. EXTJS4 support cross platform browser compatibility. IE 6+ FF 3+ (PC, Mac) Safari 4+ Chrome 10+ Opera 11+ (PC, Mac)