八個任務助你學好JavaScript

學習新的東西是件可怕的事。對我來講，掌握一項新技能最大的問題是，我不知道本身懂什麼。鑑於此，定個計劃，學習你感興趣的東西應該會有用。這篇文章的主旨就是：你爲學習JavaScript 制定的藍圖、路線、行動計劃!你沒必要擔憂找不到最好的資源，先整理些很差的資源，再肯定下一步該學什麼。遵循它，一步一步來。

任務0：瞭解什麼是JavaScript

在你真正開始學習JavaScript 以前，花一分鐘瞭解一下什麼是JavaScript，它有哪些功能。 JavaScript不是jQuery、Flash或Java。與它們不一樣，它是一種獨立的編程語言。 JavaScript 是瀏覽器語言(儘管如今不徹底是)。主要目的是給靜態頁面增長交互性。在瀏覽器裏，它不會爲你更換PHP或Ruby，也不會更改你的HTML或CSS;你能夠把它們串在一塊兒使用。另外，它沒有你想的那麼難學。 補充說明：你應該聽過jQuery，它多是被使用最普遍的JavaScript 庫。也許你還據說過其餘比較流行的JavaScript 框架，好比Mootools,，YUI，Dojo 等等。能夠將它們統一看作JavaScript輔助工具集;當你使用它們的時候，你還在寫JavaScript，但都是些很抽象的JavaScript。它會讓你事半功倍。 「你甚至可能聽到有人說，你應該先學jQuery(或其餘庫)再學JavaScript。我很尊重他們但徹底不一樣意這種說法。先把JavaScript 學好再用其餘庫，你會發現你會作的更好;結果就是，你會編寫更好的JavaScript。」

任務1：經過Codecademy.com站點的課程來學習

Codecademy是一個相對較新的網站，其廣告語是「最易學的編碼方法」。目前，該網站僅有兩個課程，「初級編程」和「JavaScript快速入門指南」。沉浸在JavaScript 中是種不錯的體驗。跟 Try Ruby 練習很是類似，你會學到簡短的課程、在瀏覽器裏編碼，而後看結果。獲得所有分數、打開成就徽章。(Ruby，一種爲簡單快捷的面向對象編程(面向對象程序設計)而創的腳本語言。) 若是你已熟悉了另外一種編程語言，你也許能夠先學「JavaScript快速入門指南」;若是這是您第一次編程(HTML和CSS除外)，你會發現「初級編程」課程至關有用。Codecademy是一家免費網站，但須要註冊。

任務2：appendTo 截屏方法

appendTo 視頻有一套特別適合初學者的截屏方法。 若是你想用正確(容易)的方法學習JavaScript，學習這些課程絕對管用。視覺訓練老是有效的! 「用咱們提供的點播內容、務實的訓練解決方案來提高本身的技能。無需註冊、無需綁定、毫不忽悠。」

任務3：閱讀一本好的關於JavaScript 的說明書

一旦你經過Codecademy上的課程來學習，你就會想搞到一本關於JavaScript的詳細說明書–介紹全部的類型、運算符、控件架構等等。 若是能夠的話，我來介紹幾個好的說明書： 《再說JavaScript》 – 這本說明書可在Mozilla開發者網絡上找到，語言公正。這本書內容很豐富，有不少代碼實例和文段介紹。 《Eloquent JavaScript》 – 該書由Marijn Haverbeke 編寫，可免費在線閱讀，若是你想弄個硬拷貝能夠上亞馬遜網站購買。它比MDN說明更詳細，由於它不只涵蓋了JavaScript 語言，並且包括編碼風格以及在瀏覽器裏使用JavaScript。固然，「eloquent」並不是言過其實。(eloquent - 雄辯的、滔滔不絕的) 《Getting Good with JavaScript》 – 沒錯，這本書是我寫的，可是我介紹這本書是另有緣由的。它跟我在前面介紹的兩本說明不一樣;在這本書裏我只介紹了編程人員快速掌握編程技巧所須要的部分。此外，它還附帶超過6個小時的截屏視頻，所以，想要就去看看吧。(固然，這本不是免費的。)

任務4：安裝、學習Firebug(或開發人員工具)

一旦你開始在瀏覽器裏使用JavaScript，就須要安裝Firebug並熟悉它的性能。Firebug是一款用於Firefox的插件，它能幫你建立和調試網頁：對網頁開發者來講，它就像外科醫生的‘手術刀’。若是你不用Firefox?喜歡Safari 或者Chrome怎麼辦?沒問題：能夠查找相似Firebug的內置開發人員工具。 「你能夠在Mac地址欄裏按選項+命令+I 或者按快捷鍵Control + Shift + I ，來打開設計工具面板。」 經過打開你選的工具，只需在你喜歡的其中一個網站上點擊點擊，你就會學到不少東西。這裏有一些能加速你學習的資源：FirebugFirebug網站和維基百科Firebug的CSS-技巧說明你應該在Nettuts+上使用Firebug的10大理由。Firebug：從白帶到黑帶，Tuts+ Marketplace 網站(http://marketplace.tutsplus.com/item/firebug-white-to-black-belt/118795)設計工具設計工具網站Google I/O 2011：由Paul Irish重組的瀏覽器設計工具Google 瀏覽器設計工具：Paul Irish 的快速開發12技巧

任務5：讀一本有關JavaScript的書籍

如今你已經熟悉了些基礎知識，可是還有不少東西要學。儘管我推薦的一些書可能會讓你‘破產’，但你會發現任什麼時候候我都會推薦4本高質量的書：

前兩本是通常的、較深刻的JavaScript 資源，它們會讓你從簡介到較深層次逐步理解;固然，簡介裏會有一些重疊的說明，但很少：恰好讓你看起來很舒服。(注：雖然這些書在亞馬遜網站能買到，我已經連接了出版商的網站，所以，你能看看範例章節。) 《JavaScript高級程序設計》- Nicolas C. Zakas 編寫，這本書涵蓋了它能涵蓋的全部內容。若是你之前看過Zakas的任何做品，你會發現他是個徹徹底底的天才。除了涵蓋了JavaScript語言，這本書還能讓您在瀏覽器裏很好的使用JavaScript。 《JavaScript 24-hour Trainer 》由Jeremy McPeak 編撰，該做者也寫過Nettuts+。它不只僅是一本書：還附帶了一張長達四小時的教學光碟。全書共43節課，涉及編碼句法指導和代碼優化。 雖然這些書很是適合編程人員學習JavaScript語言以及如何在瀏覽器中使用這些語言，可是學無止境。雖然這些書的確進入了一些模式和實練中，我再推薦兩本我認爲有用的書。1)《JavaScript Patterns 》- Stoyan Stefanov著。我也是剛剛讀完這本書，我真但願能儘快讀完它。在讀過上面的資源以後，你能夠學到如何編寫JavaScript，可是這本書會教你如何對資源進行重組，這項技能很重要，並不是如你想象般簡單。2)《JavaScript：The Good Parts 》- Douglas Crockford 著。該書介紹了JavaScript的優缺點。

任務6：作些事情!

在學習完上述資源後，你應該已經嘗試了一些代碼樣本：修改代碼、整合代碼看看會怎麼樣。可是是時候讓本身休息一下，作點東西出來了。 你能作什麼呢?你能作不少東西。這裏有一些意見。1) 圖片庫：顯示一套圖片縮略圖和主圖。當用戶點擊縮略圖的時候，要用較大的縮略圖(不是原縮略圖)替代當前的主圖。若是你能覆蓋縮略圖alt 標記的標題就獎勵積分，或是在用戶一分鐘內未點擊的時候進行圖片循環。2) 待辦列表：聽起來有點難，我也不打算推薦你製做一個完整的待辦列表。只須要作一個文本框並在其旁放上按鈕;點擊按鈕的時候，已輸入的文字會在一個無序列表下面變成一個項目。點擊列表項目即可移除。這聽起來很容易，但有幾個陷阱，對初學者來講仔細想一想仍是頗有好處的。3) 動畫框：動畫實際上是小把戲而已，並不須要弄得太複雜。作一個包含了少量文本的div，其上要有若干按鈕。一個按鈕用來調整寬度，一個用來調整高度;還有一個用來調整背景顏色。關鍵是不要讓更改發生得太快，但在一秒鐘以內。記住，Google 是你的朋友，特別是若是迄今爲止你還未用JavaScript作任何動畫的話。 我相信你能想到其餘的很好的練習的計劃。固然，學習的惟一方法是把本身從安樂窩裏拽出來。「此外，在全部的技能水平上，確保JavaScript 類別在Nettuts+上有大量教程列表。」(Nettuts是一個專一於提供網絡開發教程的網站。)

任務7：開始學習如何使用JavaScript庫

若是你學到了這個地步，就會意識到有些JavaScript 編寫任務很難(或根本不能)經過跨瀏覽器的方式實現。最可能違規的即是過量的DOM操做，AJAX和動畫。這也就是爲何咱們須要JavaScript 庫的緣由。 正如我前面提到的，一個JavaScript 庫的詳細內容猶如減輕痛苦的蜜糖。所以，如今有必要來看一下。這裏有大量庫供你選擇，我會讓你本身決定從哪一個開始。不管是jQuery 仍是Mootools，YUI 仍是Dojo，它們各自的網站會爲你提供開始學習時你所須要的一切信息。若是你以爲用得着就來試試吧。 最流行的庫： 雖然很容易獲得大量的庫，你仍是應該選一個受歡迎的– 至少排名第一。 jQuery Dojo YUI MooTools Prototype

任務8：緊隨大師的步伐

有不少使人難以置信的JavaScript 天才，他們一直在作些很酷的東西，你必定不想錯過。值得慶幸的是，咱們的工做狂Siddharth 副主編已經搞到一份33名設計人員列表，要想成爲一名JavaScript 發燒友你就必須訂閱它。扔下手頭的工做，訂閱/跟隨這些設計人員。這是必需要作的。 可是，你還能作更多事情。這個公平網站常常發佈關於JavaScript 的信息，因此不要走開。此外，關注JavaScript Show ，一檔全世界關於JavaScript最新最大的播客。你可能還想註冊JavaScript電子週刊簡訊。 還想要更多嗎?關注Tuts+Marketplace 的JavaScript 類。

本文由 愛麥街-時尚生活坊 鉑金小豬提供 http://www.aimaijie.com