我認(rèn)為學(xué)習(xí)EXT開(kāi)發(fā)最好的方法是,在真正開(kāi)發(fā)之前,掌握好高級(jí)JavaScript知識(shí),
就像魚(yú)兒游在水里一樣對(duì)JS運(yùn)用自如。
自己可以創(chuàng)建JavaScript的類(lèi)、明白類(lèi)原型(class's prototype)的原理,
和明白函數(shù)的作用域都是有益的幫助。
明白Ajax為什么要異步方式也是其中的一個(gè)知識(shí)點(diǎn)。
論壇上50%所提出的問(wèn)題很大原因是對(duì)JavaScript知識(shí)不牢固所至,而不是EXT API的問(wèn)題。
當(dāng)真正開(kāi)始用EXT做開(kāi)發(fā)了,那么安裝目錄下examples/*的文件夾超過(guò)70個(gè)例子便是研究的好對(duì)象,
這些例子為你展示了你日后將會(huì)使用的大多數(shù)技巧或方法。
接著,最好就是先拿examples/*的文件夾中例子練一練手,做一些簡(jiǎn)單、輕型的小項(xiàng)目。
如果直接拿EXT結(jié)合到程序去開(kāi)發(fā),很可能你會(huì)因?yàn)樵絹?lái)越復(fù)雜的問(wèn)題泥足深陷。
把每一項(xiàng)的 知識(shí)點(diǎn)/技巧 都做成可單獨(dú)運(yùn)行文件,這樣以便你以后參考,還有一個(gè)好處是,可以發(fā)到論壇上,然后我們放到examples/*的文件夾,以便我們的測(cè)試并協(xié)助你。
如果能按照以上的建議去做,我相信這是一個(gè)很好的累積。而且按照我的角度看,整個(gè)UI就是這樣一點(diǎn)一點(diǎn)構(gòu)建起來(lái)。
Animal
就像魚(yú)兒游在水里一樣對(duì)JS運(yùn)用自如。
自己可以創(chuàng)建JavaScript的類(lèi)、明白類(lèi)原型(class's prototype)的原理,
和明白函數(shù)的作用域都是有益的幫助。
明白Ajax為什么要異步方式也是其中的一個(gè)知識(shí)點(diǎn)。
論壇上50%所提出的問(wèn)題很大原因是對(duì)JavaScript知識(shí)不牢固所至,而不是EXT API的問(wèn)題。
當(dāng)真正開(kāi)始用EXT做開(kāi)發(fā)了,那么安裝目錄下examples/*的文件夾超過(guò)70個(gè)例子便是研究的好對(duì)象,
這些例子為你展示了你日后將會(huì)使用的大多數(shù)技巧或方法。
接著,最好就是先拿examples/*的文件夾中例子練一練手,做一些簡(jiǎn)單、輕型的小項(xiàng)目。
如果直接拿EXT結(jié)合到程序去開(kāi)發(fā),很可能你會(huì)因?yàn)樵絹?lái)越復(fù)雜的問(wèn)題泥足深陷。
把每一項(xiàng)的 知識(shí)點(diǎn)/技巧 都做成可單獨(dú)運(yùn)行文件,這樣以便你以后參考,還有一個(gè)好處是,可以發(fā)到論壇上,然后我們放到examples/*的文件夾,以便我們的測(cè)試并協(xié)助你。
如果能按照以上的建議去做,我相信這是一個(gè)很好的累積。而且按照我的角度看,整個(gè)UI就是這樣一點(diǎn)一點(diǎn)構(gòu)建起來(lái)。
Animal
Ext官方中文教程列表
特別鳴謝:Ext中文站整理、維護(hù)
注意:轉(zhuǎn)載文章,請(qǐng)保留原始鏈接和署名
入門(mén):
Tutorial:EXT簡(jiǎn)介 extjs.com/learn/Tutorial:Introduction_to_Ext_2.0_(Chinese) Tutorial:Ext 2簡(jiǎn)述 extjs.com/learn/Ext_2_Overview_(Chinese) Tutorial:EXT新手建議 extjs.com/learn/Tutorial:EXT新手建議 Tutorial:怎么輕松地進(jìn)入Ext的世界? extjs.com/learn/Tutorial:Playing_With_Ext_The_Easy_Way_(Chinese) Tutorial:Javascript中的作用域(scope)是什么?(一) extjs.com/learn/Tutorial:What_is_that_Scope_all_about_(Chinese) Tutorial:Javascript中的作用域(scope)是什么?(二) extjs.com/learn/What_is_that_Scope_all_about2_(Chinese) Manual:Ext源碼概述 extjs.com/learn/Manual:Ext_Source_Overview_(Chinese) Manual:Ext與RESTful Web Services extjs.com/learn/Manual:RESTful_Web_Services_(Chinese)
程序設(shè)計(jì):
Tutorial:如何合理地規(guī)劃一個(gè)應(yīng)用程序 extjs.com/learn/Tutorial:Application_Layout_for_Beginners_(Chinese) Tutorial:如何本地化ext的教程 extjs.com/learn/Tutorial:Localizing_Ext_(Chinese) Tutorial:xtype的含義 extjs.com/learn/Tutorial:Xtype_defined_(Chinese) Tutorial:擴(kuò)展Ext中的組件 extjs.com/learn/Manual:Component:Extending_Ext_Components(Chinese) Tutorial:擴(kuò)展與插件之間的區(qū)別 extjs.com/learn/Manual:Component:Extension_or_Plugin_zh-CN Tutorial:Ext組件的復(fù)用 extjs.com/learn/Manual:Component:Extending_Ext_Components(Chinese) Tutorial:從源碼生成Ext extjs.com/learn/Tutorial:Building_Ext_From_Source_(Chinese)
基礎(chǔ)用法:
Tutorial:DomQuery基礎(chǔ) extjs.com/learn/Tutorial:DomQuery_Basics(Chinese) Tutorial:Ext中的事件 extjs.com/learn/Tutorial:Events_Explained_(Chinese) Tutorial:簡(jiǎn)述模板 extjs.com/learn/Tutorial:Getting_Started_with_Templates_(Chinese) Tutorial:模板(Templates)的函數(shù) extjs.com/learn/Tutorial:Utilizing_Format_Features_of_Templates_(Chinese) Manual:事件的處理 extjs.com/learn/Manual:Intro:Event_Handling_cn Manual:Ext中的繼承 extjs.com/learn/Manual:Intro:Inheritance_(Chinese) Manual:Ext的類(lèi)設(shè)計(jì) extjs.com/learn/Manual:Intro:Class_Design_cn Manual:Ajax通訊 extjs.com/learn/Manual:Core:Ext.Ajax_(Chinese) Manual:JSON處理方法 extjs.com/learn/Manual:Core:Working_with_JSON_(Chinese) Manual:函數(shù)的原型擴(kuò)展 extjs.com/learn/Manual:Utilities:Function_(Chinese)
組件的使用:
Tutorial:Tab標(biāo)簽頁(yè) extjs.com/learn/Tutorial:TabPanel_Basics_(Chinese) Tutorial:Ext 1.x中的布局 extjs.com/learn/Tutorial:Using_Layouts_with_Ext_-_Part_1_(Chinese) Tutorial:Grid組件初學(xué) extjs.com/learn/Tutorial:Beginning_Using_the_Grid_Component_(Chinese) Tutorial:Grid的數(shù)據(jù)分頁(yè) extjs.com/learn/Tutorial:Basics_of_Paging_With_the_Grid_Component_(Chinese) Tutorial:Ext菜單器件 extjs.com/learn/Tutorial:Ext_Menu_Widget_(Chinese) Tutorial:表單組件初學(xué) extjs.com/learn/Tutorial:Getting_Started_with_Forms_(Chinese) Tutorial:表單組件初學(xué)(二) extjs.com/learn/Tutorial:Loading_Data_Into_and_Submitting_a_Form_(Chinese) Manual:Cookie的存儲(chǔ) extjs.com/learn/Manual:Core:State_(Chinese)
YUI-Ext(Ext前身)的相關(guān)文章
Tutorial:EXT新手建議:建立自己的工具箱(Toolkit) extjs.com/learn/Tutorial:EXT新手建議 Tutorial:如何用YUI輕松做JavaScript動(dòng)畫(huà) extjs.com/learn/Tutorial:如何用YUI輕松做JavaScript動(dòng)畫(huà) Tutorial:輕松三步,搞掂內(nèi)存泄漏 extjs.com/learn/Tutorial:輕松三步,搞掂內(nèi)存泄漏 Tutorial:用YUI-EXT創(chuàng)建Ajax Feed-viewer extjs.com/learn/Tutorial:用YUI-EXT創(chuàng)建Ajax_Feed-viewer Tutorial:使用DomHelper 創(chuàng)建元素的DOM、HTML片斷和模版 extjs.com/learn/Tutorial:使用DomHelper 創(chuàng)建元素的DOM、HTML片斷和模版 Tutorial:EXT設(shè)計(jì)模式初學(xué)習(xí) extjs.com/learn/Tutorial:EXT設(shè)計(jì)模式初學(xué)習(xí) Tutorial:預(yù)覽 :增強(qiáng)版的拖放和新增的TreePanel extjs.com/learn/Tutorial:預(yù)覽_:增強(qiáng)版的拖放和新增的TreePanel Tutorial:創(chuàng)建一個(gè)可復(fù)用的AJAX對(duì)話框--一個(gè)完成好的例子 extjs.com/learn/Tutorial:創(chuàng)建一個(gè)可復(fù)用的AJAX對(duì)話框--一個(gè)完成好的例子 Tutorial:創(chuàng)建YUI的Grid extjs.com/learn/Tutorial:創(chuàng)建YUI的Grid Tutorial:Grid 調(diào)用遠(yuǎn)程數(shù)據(jù) extjs.com/learn/Tutorial:Grid 調(diào)用遠(yuǎn)程數(shù)據(jù) Tutorial:為Yahoo! UI Extensions Grid增加內(nèi)置的可編輯器 extjs.com/learn/Tutorial:為Yahoo! UI Extensions Grid增加內(nèi)置的可編輯器 Tutorial:Ext.MasterTemplates 入手 extjs.com/learn/Tutorial:Ext.MasterTemplates 入手 Tutorial:像了解愛(ài)人一樣了解ExtJs extjs.com/learn/Tutorial:像了解愛(ài)人一樣了解ExtJs Tutorial:JSON和瀏覽器安全 extjs.com/learn/Tutorial:JSON和瀏覽器安全 Tutorial:JavaScript的一種模組模式 extjs.com/learn/Tutorial:JavaScript的一種模組模式 Tutorial:關(guān)于JavaScript的 貌似類(lèi)(pseudo-classes)----不吐不快 extjs.com/learn/Tutorial:關(guān)于JavaScript的 貌似類(lèi)(pseudo-classes)----不吐不快 Tutorial:Application Layout 程式開(kāi)發(fā)入門(mén)介紹 extjs.com/learn/Tutorial:Application Layout 程式開(kāi)發(fā)入門(mén)介紹 Tutorial:如何建立一個(gè)可以Disable/Editable的Editor gird extjs.com/learn/Tutorial:如何建立一個(gè)可以Disable/Editable的Editor gird