EXT新手建议：建立自己的工具箱（Toolkit）

转自：http://www.iteye.com/topic/179990

Ext官方中文教程列表

特别鸣谢：Ext中文站整理、维护
注意：转载文章,请保留原始链接和署名
我认为学习EXT开发最好的方法是，在真正开发之前，掌握好高级JavaScript知识，
就像鱼儿游在水里一样对JS运用自如。

自己可以创建JavaScript的类、明白类原型（class's prototype）的原理，
和明白函数的作用域都是有益的帮助。

明白Ajax为什么要异步方式也是其中的一个知识点。

论坛上50％所提出的问题很大原因是对JavaScript知识不牢固所至，而不是EXT API的问题。

当真正开始用EXT做开发了，那么安装目录下examples/*的文件夹超过70个例子便是研究的好对象，
这些例子为你展示了你日后将会使用的大多数技巧或方法。

接着，最好就是先拿examples/*的文件夹中例子练一练手，做一些简单、轻型的小项目。
如果直接拿EXT结合到程序去开发，很可能你会因为越来越复杂的问题泥足深陷。

把每一项的 知识点/技巧 都做成可单独运行文件，这样以便你以后参考，还有一个好处是，可以发到论坛上，然后我们放到examples/*的文件夹，以便我们的测试并协助你。

如果能按照以上的建议去做，我相信这是一个很好的累积。而且按照我的角度看，整个UI就是这样一点一点构建起来。

[size=large]入门:[/size]
Tutorial:EXT简介
[url]extjs.com/learn/Tutorial:Introduction_to_Ext_2.0_(Chinese)[/url]

Tutorial:Ext 2简述
[url]extjs.com/learn/Ext_2_Overview_(Chinese) [/url]

Tutorial:EXT新手建议
[url]extjs.com/learn/Tutorial:EXT新手建议[/url]

Tutorial:怎么轻松地进入Ext的世界?
[url]extjs.com/learn/Tutorial:Playing_With_Ext_The_Easy_Way_(Chinese)[/url]

Tutorial:Javascript中的作用域（scope）是什么?(一)
[url]extjs.com/learn/Tutorial:What_is_that_Scope_all_about_(Chinese)[/url]

Tutorial:Javascript中的作用域（scope）是什么?(二)
[url]extjs.com/learn/What_is_that_Scope_all_about2_(Chinese)[/url]

Manual:Ext源码概述
[url]extjs.com/learn/Manual:Ext_Source_Overview_(Chinese)[/url]

Manual:Ext与RESTful Web Services
[url]extjs.com/learn/Manual:RESTful_Web_Services_(Chinese)[/url]


[size=medium]程序设计:[/size]
Tutorial:如何合理地规划一个应用程序
[url]extjs.com/learn/Tutorial:Application_Layout_for_Beginners_(Chinese)[/url]

Tutorial:如何本地化ext的教程
[url]extjs.com/learn/Tutorial:Localizing_Ext_(Chinese)[/url]

Tutorial:xtype的含义
[url]extjs.com/learn/Tutorial:Xtype_defined_(Chinese)[/url]

Tutorial:扩展Ext中的组件
[url]extjs.com/learn/Manual:Component:Extending_Ext_Components(Chinese)[/url]

Tutorial:扩展与插件之间的区别
[url]extjs.com/learn/Manual:Component:Extension_or_Plugin_zh-CN[/url]

Tutorial:Ext组件的复用
[url]extjs.com/learn/Manual:Component:Extending_Ext_Components(Chinese)[/url]

Tutorial:从源码生成Ext
[url]extjs.com/learn/Tutorial:Building_Ext_From_Source_(Chinese)
[/url]基础用法:
Tutorial:DomQuery基础
[url]extjs.com/learn/Tutorial:DomQuery_Basics(Chinese)[/url]

Tutorial:Ext中的事件
[url]extjs.com/learn/Tutorial:Events_Explained_(Chinese)[/url]

Tutorial:简述模板
[url]extjs.com/learn/Tutorial:Getting_Started_with_Templates_(Chinese)[/url]

Tutorial:模板（Templates）的函数
[url]extjs.com/learn/Tutorial:Utilizing_Format_Features_of_Templates_(Chinese)[/url]

Manual:事件的处理
[url]extjs.com/learn/Manual:Intro:Event_Handling_cn[/url]

Manual:Ext中的继承
[url]extjs.com/learn/Manual:Intro:Inheritance_(Chinese)[/url]

Manual:Ext的类设计
[url]extjs.com/learn/Manual:Intro:Class_Design_cn[/url]

Manual:Ajax通讯
[url]extjs.com/learn/Manual:Core:Ext.Ajax_(Chinese)[/url]

Manual:JSON处理方法
[url]extjs.com/learn/Manual:Core:Working_with_JSON_(Chinese)[/url]

Manual:函数的原型扩展
[url]extjs.com/learn/Manual:Utilities:Function_(Chinese)[/url]

[size=medium]组件的使用:[/size]

Tutorial:Tab标签页
[url]extjs.com/learn/Tutorial:TabPanel_Basics_(Chinese)[/url]

Tutorial:Ext 1.x中的布局
[url]extjs.com/learn/Tutorial:Using_Layouts_with_Ext_-_Part_1_(Chinese)[/url]

Tutorial:Grid组件初学
[url]extjs.com/learn/Tutorial:Beginning_Using_the_Grid_Component_(Chinese)[/url]

Tutorial:Grid的数据分页
[url]extjs.com/learn/Tutorial:Basics_of_Paging_With_the_Grid_Component_(Chinese)[/url]

Tutorial:Ext菜单器件
[url]extjs.com/learn/Tutorial:Ext_Menu_Widget_(Chinese)[/url]

Tutorial:表单组件初学
[url]extjs.com/learn/Tutorial:Getting_Started_with_Forms_(Chinese)[/url]

Tutorial:表单组件初学(二)
[url]extjs.com/learn/Tutorial:Loading_Data_Into_and_Submitting_a_Form_(Chinese)[/url]

Manual:Cookie的存储
[url]extjs.com/learn/Manual:Core:State_(Chinese)[/url]


[size=medium]YUI-Ext(Ext前身)的相关文章[/size]

Tutorial:EXT新手建议：建立自己的工具箱（Toolkit）
[url]extjs.com/learn/Tutorial:EXT新手建议[/url]

Tutorial:如何用YUI轻松做JavaScript动画
[url]extjs.com/learn/Tutorial:如何用YUI轻松做JavaScript动画[/url]

Tutorial:轻松三步，搞掂内存泄漏
[url]extjs.com/learn/Tutorial:轻松三步，搞掂内存泄漏[/url]

Tutorial:用YUI-EXT创建Ajax Feed-viewer
[url]extjs.com/learn/Tutorial:用YUI-EXT创建Ajax_Feed-viewer[/url]

Tutorial:使用DomHelper 创建元素的DOM、HTML片断和模版
[url]extjs.com/learn/Tutorial:使用DomHelper 创建元素的DOM、HTML片断和模版[/url]

Tutorial:EXT设计模式初学习
[url]extjs.com/learn/Tutorial:EXT设计模式初学习[/url]

Tutorial:预览 ：增强版的拖放和新增的TreePanel
[url]extjs.com/learn/Tutorial:预览_：增强版的拖放和新增的TreePanel[/url]

Tutorial:创建一个可复用的AJAX对话框--一个完成好的例子
[url]extjs.com/learn/Tutorial:创建一个可复用的AJAX对话框--一个完成好的例子[/url]

Tutorial:创建YUI的Grid
[url]extjs.com/learn/Tutorial:创建YUI的Grid[/url]

Tutorial:Grid 调用远程数据
[url]extjs.com/learn/Tutorial:Grid 调用远程数据[/url]

Tutorial:为Yahoo! UI Extensions Grid增加内置的可编辑器
[url]extjs.com/learn/Tutorial:为Yahoo! UI Extensions Grid增加内置的可编辑器[/url]

Tutorial:Ext.MasterTemplates 入手
[url]extjs.com/learn/Tutorial:Ext.MasterTemplates 入手[/url]

Tutorial:像了解爱人一样了解ExtJs
[url]extjs.com/learn/Tutorial:像了解爱人一样了解ExtJs[/url]

Tutorial:JSON和浏览器安全
[url]extjs.com/learn/Tutorial:JSON和浏览器安全[/url]

Tutorial:JavaScript的一种模组模式
[url]extjs.com/learn/Tutorial:JavaScript的一种模组模式[/url]

Tutorial:关于JavaScript的 貌似类（pseudo-classes）－－－－不吐不快
[url]extjs.com/learn/Tutorial:关于JavaScript的 貌似类（pseudo-classes）－－－－不吐不快 [/url]

Tutorial:Application Layout 程式開發入門介紹
[url]extjs.com/learn/Tutorial:Application Layout 程式開發入門介紹[/url]

Tutorial:如何建立一個可以Disable/Editable的Editor gird
[url]extjs.com/learn/Tutorial:如何建立一個可以Disable/Editable的Editor gird[/url]