extjs學習方法

① 想自學javascript需要首先學習哪些方面的知識

要系統的學習JavaScript要掌握以下知識：首先掌握HTML和CSS，這是基礎也是學習JavaScript的時候需要用到的知識。 千鋒教育就有線上免費JavaScript線上公開課。【更系統全面的學習資料，點擊查看】
其次，剛開始入門不建議看《JavaScript權威指南》和《JavaScript高級程序設計》這些書籍。並非這些書籍不好，相反這些書籍是公認的好書!主要是因為這些書籍內容太多太厚了，很容易讓你走上『從入門到放棄』道路!對於初學者而言，多而全意味著主次難分，無法取捨;此時你想把JavaScript學好，只能全學，然而很多內容對於初學者而言很難理解!第三，系統地學習JavaScript應根據知識點的難易及內在聯系劃分階段：初級->進階->高級，這樣才能更好地學習JavaScript。最後 最好有內行人指導，什麼內容常用，什麼內容重點掌握等等。如果身邊沒有這樣的人，可以選擇報班學習。千鋒教育目前在18個城市擁有22個校區，年培養優質人才20000餘人，與國內20000餘家企業建立人才輸送合作關系，院校合作超600所【千鋒IT培訓機構，熱門IT課程試聽名額限時領取】

② 本人想要學習extjs...完全不知道如何下手...看一些教程都沒有講原理的...覺的都沒有學到東西。

4.0.x的話最好的資料就是官方幫助文檔了，雖然是英文的，看多了就習慣了，如果你回了解javaScript不需要什麼教程答，用到什麼就查什麼，時間久了就熟悉了，我也是這樣，非要視頻的話，在技術牛人論壇裡面有前面基礎的10集視頻免費看，新開發的群javaEE_Extjs歡迎新手加入，共同進步

③ 高分懸賞EXTJS學習方法和經驗

一、理解Html DOM、Ext Element及Component
要學習及應用好Ext框架，需要理解Html DOM、Ext Element及Component三者的區別。
Ext是基於web的富客戶端框架，其完全是基於標准W3C技術構建設的，使用到的都是HTML、CSS、DIV等相關技術。Ext最傑出之處，是開發了一系列非常簡單易用的控制項及組件，我們只需要使用這些組件就能實現各種豐富多彩的UI的開發。
無論組件有多少配置屬性、還是事件、方法等等，其最終都會轉化為HTML在瀏覽器上顯示出來，而每一個HTML頁面都有一個層次分明的DOM樹模型，瀏覽器中的所有內容都有相應的DOM對象，動態改變頁面的內容，正是通過使用腳本語言來操作DOM對象實現。
僅僅有DOM是不夠的，比如要把頁面中的某一個節點移到其它位置，要給某一個節點添加陰影效果，要隱藏或顯示某一個節點等，我們都需要通過幾句 javascript才能完成。因此，Ext在DOM的基礎上，創建了Ext Element，可以使用Element來包裝任何DOM，Element對象中添加了一系列快捷、簡便的實用方法。
對於終端用戶來說，僅僅有Element是不夠的，比如用戶要顯示一個表格、要顯示一棵樹、要顯示一個彈出窗口等。因此，除了Element以外，Ext 還建立了一系列的客戶端界面組件Component，我們在編程時，只要使用這些組件Componet即可實現相關數據展示及交互等，而 Component是較高層次的抽象，每一個組件在渲染render的時候，都會依次通過Element、DOM來生成最終的頁面效果。
在使用Ext開發的應用程序中，組件Component是最高層次的抽象，是直接給用戶使用的，Ext Element是Ext的底層API，主要是由Ext或自定義組件調用的，而DOM是W3C標準定義的原始API，Ext的Element通過操作DOM 來實現頁面的效果顯示。
在Ext中，組件渲染以後可以通過訪問組件的el屬性來得到組件對應的Element，通過訪問Element的dom屬性可以得到其下面的DOM對象。另外，我們可以通過通過Ext類的快捷方法getCmp、get、getDom等方法來得組件Component、Ext元素Element及DOM節點。比如：
var view=new Ext.Viewport();//創建了一個組件Component
view.el.setOpacity(.5);//調用Element的setOpacity方法
view.el.dom.innerHTML="Hello Ext";//通過Element的dom屬性操作DOM對象
再看下面的代碼：
var win=new Ext.Window({id:"win1",title:"我的窗口",width:200,height:200});
win.show();
var c=Ext.getCmp("win1");//得到組件win
var e=Ext.get("win1");//根據id得到組件win相應的Element
var dom=Ext.getDom("win1");//得到id為win1的DOM節點
二、熟悉ext組件體系
Ext2.0對整個框架進行了重構，最為傑出的是推出了一個以Component類為基礎的組件體系，在Component類基礎上，使用面向對象的方法，設計了一系列的組件及控制項。因此，要能游刃有餘地使用Ext，熟悉Ext組件體系是最基本的。
在《ExtJS實用開發指南》中，有如下面一幅組件圖：
通過組件結構圖我們可以一目瞭然的看出整個Ext組件繼承及組成體系，當使用一個組件的時間，了解他的繼承體系，這樣可以便於我們掌握組件的各種特性。
三、掌握核心控制項
控制項其實也是組件，比如用於顯示樹信息的TreePanel、用於顯示表格的GridPanel及EditorGridPanel，還有代表應用程序窗口的Ext.Window等都屬於Ext控制項。在使用Ext的時候，一定要掌握一些核心控制項，特別是處於基類的控制項。比如上面提到的幾個控制項，他們都是繼承於面板Panel，所以我們要重點掌握面板這個核心控制項的特性。比如面板由以下幾個部分組成：一個頂部工具欄(tbar)、一個底部工具欄(bbar)、面板頭部(header)、面板尾部(bottom)、面板主區域(body)幾個部分組成。面板類中還內置了面板展開、關閉等功能，並提供一系列可重用的工具按鈕使得我們可以輕松實現自定義的行為，面板可以放入其它任何容器中，面板本身是一個容器，他裡面又可以包含各種其它組件。只要掌握了Panel的應用，那麼學習TreePanel、Window等就會變得簡單得多。
同樣的道理，對於Ext的表單欄位來說，不管是ComboBox，NumberField、還是DateField，他們其它都是 Ext.form.Field類的子類，在他上面定義了表單欄位的各種基本操作及特性。在學習使用表單欄位組件時，一定要重點研究Field這個類，掌握他的主要方法、事件等，就能有助於更好的學習使用其它的欄位。
四、學習及研究示例
由於javascript語言非常靈活，不像靜態強類型語言（比如Java）那樣有固定的代碼設計模式，而往往是不同的人就有不同的編程風格。在實際應用開發中，只有見多識廣，才能在自己的在腦中建立一個開發庫。
學習別人的示例對於我們開發幫助會非常大，示例包括基本組件的應用、綜合應用等多個方面。在此，簡單推薦幾個。
1、Ext官方示例，在ext項目下載包的examples目錄中，包括各個控制項的基本應用演示，同時還有一些比較復雜的組合示例，有簡有繁，非常適合初學者認真研究。
2、Vifir推出的示例，Vifir推出的一些示例主要包括兩類，一種是開源的示例應用，另外一種是針對VIP用戶的實用示例。開源的示例主要是指 wlr單用戶blog系統，這個一個集合了前後台技術的ext綜合示例，而針對VIP用戶的實用示例則是可以作為開發骨架或擴展組件的示例。
3、其它示例，在ext社區中還有很多比較優秀的ext應用示例，有些只是一個應用演示，雖然沒有提供源碼下載，但我們可以直接下載引用的js文件來得到這些示例的ext應用代碼，同樣能取起到非常好的學習效果。
五、多運用
Ext看起來是非常簡單的東西，稍有點編程知識的人，按照《ExtJS實用開發指南》中的入門指南，半小時就能學會使用Ext。然而，當准備使用Ext開發一個項目時，卻不知道從何處入手，或者是在使用Ext的時候，出了一點小問題自己不知道該如何解決。編程是一門實踐性的科學，僅僅靠看書、看別人寫的代碼是遠遠不夠的，因此，必須多做實踐才行，只有通過不斷的練習，大量的使用，才能對Ext的組件特性、事件、事件處理機制以及與伺服器端交互介面等深入的掌握，只有多做運用，深入了解ext的組件的工作原理及機制，才能編寫出高級的Ext的應用。
六、熟讀Ext項目的源代碼
如果要想深入應用Ext，那麼閱讀Ext項目的源代碼這是必不可少的環節，Ext的代碼質量非常高，通過閱讀他的代碼我們可以更加深刻的了解 javascript面向對象編程，Ext代碼中包含了很多高級的js技巧以及設計模式。在使用Ext的過程中，我們經常根據項目的需要對Ext組件進行擴展，設計自己的組件或控制項，而如何實現一個自定義的Ext組件，我們可以從Ext的各個組件源代碼中找到答案。
Ext的源代碼在Ext項目的source目錄。讀Ext源碼，並不一定非要從某一個地方開始，而組件核心代碼Component.js、容器組件代碼 Container.js、面板Panel.js等這些是必看的； core目錄中的Element.js、Ext.js等也是必看的。當需要從一個控制項進行擴展的時候，最好能簡單看一看這個控制項的源代碼。

④ 如何學習Extjs

一個偶然的機會，我發現了ExtJS框架，第一次看到其創建出來的效果時，簡直興奮死我啦，呵呵，沒想到還有這么漂亮的UI控制，但使用起來卻感覺不太爽，其一大缺點就是所帶的類庫太龐大啦，會比較影響速度，而且幫助文檔全部是英文，英文的也還好啦，更重要的是其文檔並沒有相關的例子，只是列出來使用參數，讓人很難掌握，只好去他們的官方論壇到處問人，郁悶！

不過還好，外國人一般都比較熱情，基本上問的問題都有人會給我答復，呵呵

在幫朋友做的一個網站里，我就開始了大量使用了EXTJS框架，雖然其類庫文件是很大，不過感覺能做出這種效果的話，這點犧牲還是值得的

為了不讓自己很快又忘記，所以還是決定在這里寫下一點東西，以後也比較方便查找，如果其中有寫錯的地方，請大家及時指正哦，謝啦！

先說說EXTJS的自定義函數吧，以下語句可創建一個函數：

Ext.Login=function(){
functionIsLogin(){

}
return{
init:function(){
IsLogin();
},
Login:function(){

}
}

剛開始時讓我比較郁悶的是這種JS里的函數調用機制，以上代碼里，將創建一個名為Ext.Login()的對象，應該相當於一個類的意思吧，然後可在其裡面寫其他相關的方法

在return里的為公有方法，這裡面的方法可給外部程序調用（如在HTML文件里用），而在return以外的代碼是其私有方法，只能在Ext.Login()這個對象里調用

如需要在其他頁面調用裡面的Login()方法，可直接寫

<inputid="login"onclick="Ext.Login().Login()"/>

如果需要在頁面載入時就調用，一般只需直接用EXTJS里的方法即可實現：

Ext.onReady(Ext.Login.init,Ext.Login);

這里的函數名並不需要加括弧，第一個參數是要調用的方法，第二個是作用域，一般寫此對象名即可

OK，關於基本的函數使用調用要注意的差不多就這些吧，之後再寫寫對AJAX的運用。

⑤ 本人現在學習ExtJS，誰有ExtJS的入門教程視頻，（清晰版的）適合初次接觸ExtJS的學員使用。

ExtJs視頻教程(上).avi
http://dl.vmall.com/c0ubbdxakh
ExtJs視頻教程1(下).avi
http://dl.vmall.com/c05tezhwon
ExtJs視頻教程10(上).avi
http://dl.vmall.com/c009bcd6dk
ExtJs視頻教程10(下).avi
http://dl.vmall.com/c0fp5fs6oi
ExtJs視頻教程11.avi
http://dl.vmall.com/c0aj02ib0c
ExtJs視頻教程12(上).avi
http://dl.vmall.com/c004973idh
ExtJs視頻教程12(下).avi
http://dl.vmall.com/c001rgrdtm
ExtJs視頻教程13.avi
http://dl.vmall.com/c009ygzh6w
ExtJs視頻教程14.avi
http://dl.vmall.com/c0e0cqlee6
ExtJs視頻教程15.avi
http://dl.vmall.com/c06bm3kof6
ExtJs視頻教程16(上).avi
http://dl.vmall.com/c0gtdad07s
ExtJs視頻教程16(下).avi
http://dl.vmall.com/c09uppmxxg
ExtJs視頻教程17.avi
http://dl.vmall.com/c0x9q2jsy1
ExtJs視頻教程18(上).avi
http://dl.vmall.com/c0r7wsjny8
ExtJs視頻教程18(下).avi
http://dl.vmall.com/c0ljkgvdbt
ExtJs視頻教程19(上).avi
http://dl.vmall.com/c0sxwb3mcs
ExtJs視頻教程19(下).avi
http://dl.vmall.com/c0bne69ab3
ExtJs視頻教程2(上).avi
http://dl.vmall.com/c0rb2nksiv
ExtJs視頻教程2(下).avi
http://dl.vmall.com/c0lntha1ha
ExtJs視頻教程20(上).avi
http://dl.vmall.com/c0xo6ry6uv
ExtJs視頻教程20(下).avi
http://dl.vmall.com/c09bft5oab
ExtJs視頻教程21(上).avi
http://dl.vmall.com/c0e8pmwasl
ExtJs視頻教程21(下).avi
http://dl.vmall.com/c0oc248n7g
ExtJs視頻教程22(上).avi
http://dl.vmall.com/c0x3umxbwa
ExtJs視頻教程22(下).avi
http://dl.vmall.com/c06tuk2ggc
ExtJs視頻教程23.avi
http://dl.vmall.com/c0e7baf0pi
ExtJs視頻教程24(上).avi
http://dl.vmall.com/c0movwp3a4
ExtJs視頻教程24(下).avi
http://dl.vmall.com/c0rg5l5j5b
ExtJs視頻教程25(上).avi
http://dl.vmall.com/c0cov3b0iq
ExtJs視頻教程25(下).avi
http://dl.vmall.com/c0zlis6daw
ExtJs視頻教程26(上).avi
http://dl.vmall.com/c0dkmrgyny
ExtJs視頻教程26(下).avi
http://dl.vmall.com/c0ggz4rsjk
ExtJs視頻教程27(上).avi
http://dl.vmall.com/c0oikptimx
ExtJs視頻教程27(下).avi
http://dl.vmall.com/c0hf8mkvz8
ExtJs視頻教程28(上).avi
http://dl.vmall.com/c0u1dtnapu
ExtJs視頻教程28(下).avi
http://dl.vmall.com/c03aqkretd
ExtJs視頻教程29(上).avi
http://dl.vmall.com/c0iba3xahp
ExtJs視頻教程29(下).avi
http://dl.vmall.com/c0eksgrye9
ExtJs視頻教程3(上).avi
http://dl.vmall.com/c0umiba9au
ExtJs視頻教程3(下).avi
http://dl.vmall.com/c0ayfugdru
ExtJs視頻教程30(上).avi
http://dl.vmall.com/c0b8eyl7tq
ExtJs視頻教程30(下).avi
http://dl.vmall.com/c0wmn2dn4p
ExtJs視頻教程4.avi
http://dl.vmall.com/c0aqzm9bdq
ExtJs視頻教程5(上).avi
http://dl.vmall.com/c0phusez1v
ExtJs視頻教程5(下).avi
http://dl.vmall.com/c0k8cbyyb0
ExtJs視頻教程6(上).avi
http://dl.vmall.com/c0cakxbmae
ExtJs視頻教程6(下).avi
http://dl.vmall.com/c096aiackr
ExtJs視頻教程7(上).avi
http://dl.vmall.com/c0l2yl1m2l
ExtJs視頻教程7(下).avi
http://dl.vmall.com/c05n9sqsp1
ExtJs視頻教程8.avi
http://dl.vmall.com/c0x692rjm6
ExtJs視頻教程9(上).avi
http://dl.vmall.com/c0mmjhyylb
ExtJs視頻教程9(下).avi
http://dl.vmall.com/c0wkfdosff