我的jQuery學習地圖

jQuery是很有名的Javascript Library，舊文中曾提到由於瀏覽器的各自為政，使得寫Javascript程式長久以來都很難讓人開心。幾年前Ajax成為顯學，在客戶與老闆的要求下，程式設計師更難避開這個燙手山芋了，此時各種解決方案紛紛崛起，jQuery也是其中之一。不久前我開始接觸Javascript與jQuery，這篇文章主要是把學習的過程分享出來，給其他有心學習jQuery的新手參考。

背景知識

CSS與Javascript基礎是學習jQuery不可或缺的。對它們倆不熟的話也沒關係，靠著ericsk簡明易瞭的教學(CSS教學、Javascript教學)，加上Google大神的幫忙，稍微消化一下就能一窺jQuery堂奧囉!

入門

通常，技術高手學新東西的方法都是：直接看官方文件。但是這種硬功夫需要時間磨練，實在不適合初學者。此時不妨迂迴前進，早晚服用ericsk整理的jQuery 學習心得筆記系列文章加投影片教學增強功力，一到七集從頭到尾實作一次，馬上體會jQuery的神奇之處。

進階

現在我們雖然能寫出一些跛腳的code，但仍不足以用在專案上。這個階段請記得把jQuery的官方文件加入書籤/我的最愛，隨時查閱。對自己的英文沒信心的話，這裡、這裡有前人翻譯好的中文文件。

熟悉了基本操作後，建議多看前輩們貢獻的plugins，學習裡面的寫作風格與技巧。同時jQuery也提供不少UI(User Interface)元件，套用後馬上就能做出讓人眼睛一亮的使用介面喔!

想要紙本參考書籍的話，推薦《jQuery 實戰手冊》以及《Learning jQuery中文版》。為什麼推薦買「中文版」呢? 除了比較便宜外，也因為…英文版的pdf檔在網路上流傳甚廣…

輔助工具

寫Ajax前端網頁我通常使用Aptana IDE，順便把Vitual jQuery整合到邊欄，查詢API更快速方便了。此外，Google AJAX Libraries API也有提供jQuery Library，網站上線後可以把這部分流量交給Google幫忙host。

Reference:

1. Learning jQuery
2. 120+ Javascript, Ajax, jQuery Mega Toolbox
3. 45+ New jQuery Techniques For Good User Experience
4. jQuery and JavaScript Coding: Examples and Best Practices
5. 20 Amazing jQuery Plugins and 65 Excellent jQuery Resources
6. jQuery愛好者論壇(簡)
   
7. 介紹 jQuery Tools 與 jQuery UI 這兩套好用的 jQuery 套件
8. jQuery性能优化指南(簡)