Skip to main content

EXTJS4.2 Best practices & Performance solutions - Links

EXTJS performance Tips:

http://edspencer.net/2013/07/19/sencha-con-2013-ext-js-performance-tips/
http://www.sencha.com/blog/top-10-ext-js-development-practices-to-avoid/
http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/page-analyzer/page-analyzer.html
http://www.sencha.com/blog/optimizing-ext-js-4-1-based-applications/
http://www.sencha.com/forum/showthread.php?153565

Sencha CDN version:
If you want to use the CDN-hosted files over HTTPS, replace http://cdn.sencha.io/ with https://extjs.cachefly.net/
http://senchaexamples.com/sencha-cdn/

Grid performance solutions:
http://vimeo.com/59611158
http://www.sencha.com/blog/optimizing-ext-js-4-1-based-applications/
http://www.sencha.com/blog/whats-new-in-ext-js-4-1/

Live Grid - service calls
url: 'http://www.sencha.com/forum/remote_topics/index.php',
url: 'http://www.sencha.com/forum/topics-browse-remote.php',

EXTJS Releases:
http://cdn.sencha.com/ext/gpl/4.2.0/release-notes.html
http://www.sencha.com/blog/advanced-plugin-development-with-ext-js

EXTJS Blogs:
http://senchaexamples.com/
http://www.enovision.net/movieworld/

Google pagespeed integration:
https://developers.google.com/speed/pagespeed/module/filters
https://developers.google.com/speed/pagespeed/module/download
http://www.modpagespeed.com/      
https://developers.google.com/speed/pagespeed/module/configuration


Javascript Unit testing:
http://qunitjs.com/
http://pivotal.github.io/jasmine/

Advanced Javascript:
http://javascript.info/tutorial/bubbling-and-capturing
http://javascriptissexy.com/16-javascript-concepts-you-must-know-well/
http://sparecycles.wordpress.com/2008/06/29/advanced-javascript/

HTML5:
http://tympanus.net/codrops/2011/11/24/top-10-reasons-to-use-html5-right-now/
http://html5readiness.com/

jQuery:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm#demos/jqxgrid/cellediting.htm
http://www.interactivewebs.com/

Javascript Debugging tools:
- Chrome- web developer
- Firefox- firebug1.11
- Firefox – illuminations Web2.0 debugger (for Extjs, backbone, EmberJS,Dojo toolkit)
- http://www.illuminations-for-developers.com

Browser Configurations :

https://developers.google.com/speed/docs/best-practices/rules_intro?hl=fr-FR
http://developer.yahoo.com/performance/rules.html
http://webdesign.tutsplus.com/tutorials/workflow-tutorials/best-practices-for-increasing-web-site-performance/
http://www.w3.org/TR/mwabp/ (Mobile)
http://www.webperformancetoday.com/tag/best-practices/
http://www.cbil360.com/blog/2013/04/08/best-practices-to-create-a-high-quality-website-tools-checklists/

CSS Best Practices :
http://www.catswhocode.com/blog/top-10-best-practices-for-front-end-web-developers
http://www.fastcodesign.com/3019712/design-50/design-in-30-seconds-jawbone-on-delighting-the-customer

WEB SERVER :
https://www.ibm.com/developerworks/community/wikis/home?lang=en#!/wiki/Tivoli%20Composite%20Application%20Manager/page/Troubleshooting%20and%20Tuning%20Best%20Practices%20for%20Web%20Server%20Monitoring%20in%20Appliance%20Mode
https://community.compuwareapm.com/community/display/PUB/Best+Practices+on+Web+Site+Performance+Optimization
http://web.swcdn.net/creative/pdf/techtips/1202_SAM_BestPracticesApache_TT.pdf
http://www.hongkiat.com/blog/ultimate-guide-to-web-optimization-tips-best-practices/

Web development:

http://terrymorris.net/bestpractices/
http://www.comentum.com/guide-to-web-application-development.html
http://www.ibm.com/developerworks/websphere/library/techarticles/0306_perks/perks2.html/

Extjs4.2 links:

http://www.sencha.com/blog/using-ext-loader-for-your-application
http://www.javaxt.com/Tutorials/Javascript/ExtJS_4
http://extjs-4.blogspot.com/
http://moduscreate.com/capabilities/extjs/
http://www.topsite.com/best/extjs
http://jello-dashboard.net/overview/screenshots/
http://www.appfoundation.com/category/ext-js/
http://www.topsite.com/goto/gwt-ext.com

Dashboard by Extjs:

http://www.sencha.com/blog/sencha-ext-js-spotlight-marketo/
http://www.sencha.com/blog/implementation-spotlight-marketo
http://www.sencha.com/blog/customer-spotlight-incentrak/

ExtJS Blogs:
http://www.sencha.com/blog/sencha-touch-and-ext-js-spotlight-purefacts-financial-solutions/
http://www.scoop.it/t/extjs
http://extbuilder.dynalias.com/springapp/mainpage.htm
http://www.slideshare.net/senchainc/building-sencha-themes
http://existdissolve.com/2011/09/extjs-4-theming-custom-uis/

Ext -GitHub:
https://github.com/timsporcic/extjs-spring-sample
https://github.com/lotz/extjs-mvc-example
http://www.scoop.it/t/extjs/p/2393721706/carlos-crosetti-revisiting-ext-js-spring-mvc-3-and-hibernate-3-5-crud-datagrid-example

Spring3:
http://viralpatel.net/blogs/category/spring/spring3-mvc-framework/
http://www.tutorialspoint.com/java/java_interfaces.htm
http://www.mkyong.com/spring3/spring-3-mvc-hello-world-example/
http://javabeginnerstutorial.com/spring-framework-tutorial/developing-a-spring-3-framework-mvc-application-step-by-step-tutorial/

Restful:
http://www.mkyong.com/webservices/jax-rs/restful-java-client-with-jersey-client/
http://www.mkyong.com/webservices/jax-rs/json-example-with-jersey-jackson/
http://localhost:8081/ExtjsAjaxRequest/rest/json/metallica/post

Json java code:
http://www.mkyong.com/java/how-to-convert-java-object-to-from-json-jackson/
http://www.mkyong.com/java/jackson-tree-model-example/
http://www.mkyong.com/java/how-do-convert-java-object-to-from-json-format-gson-api/

xamp server:
http://veerasundar.com/blog/2009/01/how-to-change-the-root-password-for-mysql-in-xampp/

Comments

Popular posts from this blog

Ext4 Apply Store Filtering

In extjs4.1: There are many way for store filtering . Some of code i give here Filtering by single field: store . filter ( 'eyeColor' , 'Brown' );   Alternatively, if filters are configured with an  id , then existing filters store may be  replaced by new filters having the same  id . Filtering by single field: store . filter ( "email" , /\.com$/ );   Using multiple filters: store . filter ([ { property : "email" , value : /\.com$/ }, { filterFn : function ( item ) { return item . get ( "age" ) > 10 ; }} ]);   Using  Ext.util.Filter  instances instead of config objects (note that we need to specify the root config option in this case): store . filter ([ Ext . create ( ' Ext.util.Filter ' , {   property : "email" , value : /\.com$/ , root : 'data' }),   Ext . create ( ' Ext.util.Filter ' , {   filterFn : function ( item ) {   return item . get ( &

ExtJS - Grid panel features

What can we do with ExtJS GridPanel? I have to develop a lot of applications in my web app and I see that grid component of ExtJS may fit in. However, I am not aware of what all things I can do with the - off the shelf available framework pieces - available plug-ins in the marketplace and - custom development through my own developers This is a typical question that we hear from the business users who wants to design an application by keeping the framework’s capability in perspective. In this article I have tried to put the list of stuff you can do with grid and hopefully that shall enable you to take advantage of the beauty of ExtJS. Pre-requisites This article assumes that you are familiar with basics of ExtJS What are the available options? In this section I will be taking you through some of the commonly seen usage of ExtJS grid panel. While covering all the capabilities of grid may not be possible, I am sure it will be helpful for the business users who want to

EXTJS - Way to get a reference to the viewport from any controller

An easy way to get a reference to the viewport from any controller Here's an easy way to get a reference to your viewport from any controller: Ext.application({ launch: function(){ this.viewport = Ext.ComponentQuery.query('viewport')[0]; this.centerRegion = this.viewport.down('[region=center]'); } }); then, inside say, a controller, you can call this: this.application.viewport to get a reference to the viewport.