JS Architect's

Javascript ! http://www.w3schools.com http://www.javascriptkit.com http://codingforums.com http://javascriptinterview.blogspot.com http://www.dotnetfunda.com http://js-x.com http://www.quackit.com http://javascript.internet.com http://www.javascript-examples.com http://dhtml-menu.com http://www.javascriptbank.com http://www.comptechdoc.org http://www.jscharts.com http://www.javascriptguide.com http://www.1stwebdesigner.com http://www.bestpsdtohtml.com http://snippetdb.com http://www.jsworkshop.com jQuery ! http://api.jquery.com http://learningjquery.com http://jqapi.com http://jqueryui.com http://forum.jquery.com http://bassistance.de/jquery-plugins http://visualjquery.com http://jqueryfordesigners.com http://filamentgroup.com/dwpe http://downloadify.info http://appendto.com http://fuelyourcoding.com http://ui.jquery.com http://docs.jquery.com http://tablesorter.com/docs jQuery Blogs! http://jquery-howto.blogspot.com http://jqueryfordesig

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/

EXTJS Fiddles (2015) Grid - Generate Fake store with pagination http://jsfiddle.net/prajavk/Ufeyw/ Grid - Reconfigure grids http://jsfiddle.net/prajavk/t2bVJ/ Grid - Load two stores, hide columns, apply state http://jsfiddle.net/prajavk/P7ES5/ Grid - row expander + grouping http://jsfiddle.net/89Ljt/ Grid - load child grid on row expander http://jsfiddle.net/prajavk/9t3JE/ Nested grid with row expander http://jsfiddle.net/prajavk/3TxkA/ Grid - Preselect checkbox grid http://jsfiddle.net/prajavk/97fXp/ Combo - two fieldsearch http://jsfiddle.net/prajavk/7j4uW/  Grid - cell click event loads child grid http://jsfiddle.net/prajavk/5eq3T/ Grid -Action column with checkbox event http://jsfiddle.net/prajavk/ZLmY6/ Ext.Direct simulator- load nested grids http://jsfiddle.net/prajavk/622kF/ Ext.Ajax comet simulator for continous response http://jsfiddle.net/prajavk/3msnf/ Hasone - model http://jsfiddle.net/prajavk/yLLuG/ Grid - simulate live data http

What is the difference between undefined value and null value? undefined means a variable has been declared but has not yet been assigned a value . On the other hand, null is an assignment value . It can be assigned to a variable as a representation of no value. Also, undefined and null are two distinct types: undefined is a type itself (undefined) while null is an object. Unassigned variables are initialized by JavaScript with a default value of undefined . JavaScript never sets a value to null. That must be done programmatically.   "undefined" is   not  a reserved word in JavaScript. undeclared variables don't even exist undefined variables exist, but don't have anything assigned to them null variables exist and have null assigned to them //eg: undeclaredVariable = 1;  //undeclared, when a variable doesn't use var keyword var x = {}; // empty object var u; // declared, but undefined var n = null; // declared, defined to be null undeclar

EXTJS Style Guide: -familiar and simple to learn -fast to develop, easy to debug, painless to deploy -well-organized, extensible and maintainable Naming conventions for ExtJS application: 1.Class Class name should be in CamelCased. Do not use underscores, hyphens, or any other nonalphanumeric character. eg: MyCustomClass Classes that are not distributed by Sencha should never use Ext as the top-level namespace. Class name should be with atleast one unique namespace separated by dot (.). eg:TopLevelNamespace.MyClassName The top-level namespaces and the actual class names should be in CamelCased, everything else should be all lower-cased. //Good eg:TopNamespace.midlevelnamespace.MyCustomClass eg:MyModule.view.UserGrid //Bad eg:MyCompany.useful_util.Debug_Toolbar  2.Use Namespaces to Group Related Components Namespaces should be based on directory structures. Directories should group components into logical modules based on functional business components. This

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) { /* * if you

Sencha Cmd is a command-line suite of tools for building your Sencha applications. Although it has been a part of the Sencha toolbox for a few years, Cmd has recently matured into the cornerstone of Sencha application development. Follow these Steps : 1.  To generate a Workspace, use this command: sencha -sdk /path/to/sdk generate workspace /path/to/workspace eg: sencha -sdk /Rajavk/senchaapi/ext4.2.2 generate workspace /Rajavk/mysenchworkspace 2. Next, generate app: sencha -sdk /path/to/ExtJssdkFolder generate app MyAppName /path/to/workspace/MyAppFolder Eg: sencha -sdk /Rajavk/senchaapi/ext4.2.2 generate app MyFirstApp /Rajavk/mysenchworkspace/myfirstapp 3)  Go to project path and create sample controller through Sencha Cmd. eg: sencha generate controller MyControllerName 4)  Create Model using following command eg: sencha generate model ServerModel name:string 5)  Create sample view using following command (ExtJs Specific. Doesn’t work for touch ) eg: sen

Sencha a leader in powering HTML5 development for desktop and mobile applications, today announced a significant upgrade to Ext JS, its flagship development platform for building unmatched cross-browser applications. Ext JS 5 is a big step forward for desktop and mobile application development as developers can now easily build and/or move desktop apps to mobile devices, with little to no modification to the existing code base and within the same development tools they already use. Available immediately, Ext JS 5 further entrenches Sencha as the standard for building apps that, with a single code base, can run on touch-based devices as well as computers using either modern or legacy browsers. The promise of web application development is that developers can easily build applications that run in the widest range of devices and that these applications are always up to date for users. Mobile devices and mobile apps disrupted this model as the industry moved t

Why EXTJS? There are JavaScript frameworks that are mainly forcing developers to organize application code in layers implementing the Model-View-Controller design pattern. There are more than a dozen MVC JavaScript frameworks that are being used by professional developers: Backbone.js , ExtJS , AngularJS , Ember.js , Knockout just to name a few. First, Core jQuery is just a library of utilities that simplify working with DOM and - you still need to write the Web application using HTML and JavaScript. In addition to it, there are lots and lots of jQuery plugins that include handy widgets to add to your manually created Web site. We just mentioned the frameworks that help better organizing or modularizing your project, but enterprise application may need more. So here comes the Ext JS sales pitch. Ext JS an HTML5 framework that doesn’t require you to write HTML. Your single HTML file (index.html) will just include three files in the head section: one with Ext JS f