如今，教你自己編碼的線上資源並不缺乏，但也沒有什麼比從頭到尾讀一本好的指導書更好的了。JavaScript和；jonduckett的JQuery可能是您可以從中學習JavaScript的最優雅、最具視覺吸引力的書籍。

這是tl80書評系列的一部分。並不是每一個生活駭客都能在一篇博文中總結出來，所以我們決定回顧一些我們最喜歡的改變生活的書，以便更深入地探討生活中最重要的話題。

即使你是那種認為技術書籍自然有趣和引人入勝的人，把典型的程式設計書籍稱為“漂亮”也是一個巨大的延伸；JQuery：互動式前端Web開發，就像它的同伴HTML&amp；CSS，真的很華麗。這無疑是由於Duckett作為一家數字機構創意總監的背景以及他與獲獎設計師和插畫家Emme Stone的合作關係。然而，儘管這些書吸引我的是漂亮的外表，但讓我不斷閱讀的是那些簡單、簡潔的解釋和例子。

（HTML&amp；CSS這本書充滿了漂亮的呈現，有用的資訊，但它是在2011年出版的，那時HTML5和CSS3仍在開發中，所以一些主題已經過時或缺失，特別是響應性網頁設計，這是大多數設計師今天使用的方法，以確保網站針對各種螢幕進行最佳化。這本書還不錯，但你可能更喜歡上一兩年的書。JavaScript和；JQuery於2014年6月釋出，目前仍在使用。）

這本書是給誰的

這本書是面向那些已經知道至少一點HTML和CSS，現在想增加他們的網站的互動性，使基於web的應用程式，或只是學習一些程式設計基礎知識的人。JavaScript是最好先學習的程式語言之一，因此本書可以作為那些考慮從事程式設計工作或愛好的人的跳板，特別是前端web開發。

如果你已經是一個有經驗的程式設計師或者可以用JavaScript編寫程式碼，那麼這本書就不適合你了。這是JavaScript 101類的介紹。它並不是一個全面的，深入的研究你可以用JavaScript做的每一件事，但是它教你只夠建立你自己的指令碼，甚至是複雜的指令碼。

儘管；JQuery面向初學者，如果您對JavaScript有一定的瞭解，比如您目前正在Codecademy上學習編碼課程，那麼您仍然可以從這本書中獲益。我自學這些語言，但也參加了一些正式的大學課程，在網路開發和電腦科學。我發現這本書填補了我知識上的一些空白，或者至少幫助我以不同的方式思考編碼概念。換言之，如果你真的沒有太多使用JavaScript，或者像我一樣對JavaScript“不知道你不知道什麼”的話，這本書也可以是一個很好的複習工具。

最後，這本書是為那些想以更愉快的方式學習語言的人準備的。它偉大的設計和佈局應該吸引這本書的目標讀者：對網頁設計和開發感興趣的人，傾向於視覺學習的人。

你會得到什麼

這本書主要教三件事：

• 基本程式設計概念和JavaScript程式設計師用來描述它們的術語（例如，什麼是函式以及如何“呼叫”它們）
• 語言本身（詞彙和結構）
• 如何應用JavaScript（透過示例指令碼）

前六章重點介紹程式設計和JavaScript基礎知識（例如，HTML、CSS和JavaScript如何結合在一起，以及指令碼如何響應使用者在web頁面上觸發的事件）。剩下的七章解釋了更高階的主題，比如使用JQuery和Ajax，以及如何處理錯誤(JQuery是一個JavaScript檔案，由於其特殊的方法，使得編碼更簡單，程式碼行更少。Ajax是一種處理模型，它可以重新整理部分web頁面而不重新載入它，就像你可以在Gmail中刪除或歸檔大量電子郵件而不需要重新載入頁面一樣。發現和消除bug可能是編碼中最令人沮喪的部分。）

每一章都包含一個介紹頁面，告訴您將要學習的內容，討論該章中所學主題的主要說明頁面，演示如何應用程式碼的示例頁面，以及提醒您所學內容的摘要頁面。圖表和資訊圖表，以及參考頁，也散佈在書中。

舉個例子：

一個你會拿走的把戲

很難從這本書中挑出一個技巧，因為它解釋了程式設計概念和方法以及如何使用它們。作為一本說明書，所有的資訊都是有用的。

然而，這本書中有一個我特別欣賞的技巧：最好的或推薦的編碼方法。無論使用哪種程式語言，通常都有幾種方法來完成同一任務。有時差異只是樣式的問題（例如，在特定函式中在何處放置右括號），但在其他時候，建議的“最佳實踐”可以幫助避免指令碼的效能問題或其他問題。

例如，本書指出，如果不需要更改迴圈中的變數，則不應在迴圈中定義這些變數，因為每次迴圈執行時都會定義這些變數，這會佔用寶貴的資源並降低指令碼的速度。另一個例子是，在比較兩個值時，不要使用equals運算子“==”（例如，x==y），而是使用嚴格的equals運算子“==”（例如，x===y）更安全，因為後者將比較兩個物件的值和資料型別，確保它們真正相等，並避免錯誤和其他意外。

像這樣的技巧是很好的基礎，如果你自學成才，只是跳進去擺弄程式碼，你可能學不到，它們突出了貫穿整本書的一個整體主題，應該在每一本程式設計書中如何高效編碼，儘量避免錯誤。

我們的收穫

JavaScript和；JQuery不同於您可能會遇到的任何其他“程式碼學習”書籍（除了HTML&amp；CSS）。它試圖以簡潔和直觀的方式解釋人們經常難以理解的許多程式設計概念。它做得很好，幾乎欺騙你與它的咖啡桌書一樣的風格，讓你拿起它和潛水。

除了視覺掛鉤，書中的程式碼例子是深思熟慮和實用的，與有用的流程圖，行號和註釋來解釋程式碼做什麼。

另外，每一章都以前面的程式碼示例為基礎來解釋更複雜的方法和思想。例如，第一章中的酒店隱喻解釋了物件和屬性的概念，後面的章節演示瞭如何編寫檢查和更新酒店房間可用性的函式。

綜上所述，如果你不喜歡圖表和資訊圖表，想要更多的程式碼和文字，那麼這本書可能不是最適合你的“如何學習JavaScript的書”。這本書肯定不是這方面最全面的。雖然它有600多頁長，但每頁的資訊量有限（這樣讀者就不會不知所措）。這些精心設計的頁面上有很多空白。

其他書籍在頁面上塞滿了更多的資訊，因此涵蓋了更多的地面——包括同樣面向視覺的頭第一系列程式設計書籍，它具有口語化、有時帶有露營的音調和大量的標註。雄辯的JavaScript，另一種恰好在web上是免費的選擇，它寫得很巧妙，但文字上也有很多文字。更高階的JavaScript程式碼者可能會轉向1096頁的JavaScript：權威指南，它既是參考書，也是一本教學指南。

我最大的願望是JavaScript&amp；JQuery包括讀者可以做的練習或小練習。儘管本書中提到的所有程式碼都可以在本書的網站**問，但與其他程式設計書籍不同的是，本書沒有實際操作說明或挑戰，因為其他程式設計書籍提供了幾個您可以使用的實際專案示例。如果你想透過練習來練習你所學的東西，你應該這樣做，因為閱讀一本關於程式設計的書並不等同於透過實際操作和破譯一些程式碼來學習程式設計，你必須求助於線上編碼課程或其他資源。另外，如果你想要一本書，提供更多型別的專案例子，其中一個替代書上面提到（或其他書籍）會更好地為你。

儘管如此，這本書還是對JavaScript和JQuery以及程式設計的一個很好的介紹。這本書可能不是你唯一會讀到的關於JavaScript的書，但它可能是最有趣的一本。

你可以在亞馬遜上買到這本書，平裝本23美元，精裝本33美元(一些亞馬遜書評人抱怨平裝本的裝訂很差，但我對此沒有異議。）如果你想看完整的章節列表、更多的頁面示例和示例程式碼，這本書還有一個專門的網站。

Open kinja-labs.com