最佳JS入門教程——從使用者思維角度看《Head First JavaScript程式設計》

阿狸不歌發表於2017-12-07
JSJavaScript程式設計

在IT出版界，說起入門型書籍，口碑最佳的無疑是Head First系列。雖然對於其風格，不少程式設計老鳥表示不屑，嫌其囉嗦，但作為學渣的我卻是非常的喜歡，看過的Head First的書就包括 《Head First Programming》、《Head First Python》、《Head First JavaScript Programming》、《深入淺出資料分析》、《深入淺出統計學》、《Head First設計模式》等。

enter image description here

如果你是一個程式設計方面的小白，或者是一個JS小白，想學Javascript，那麼我都會推薦這本書給你。因為本書不僅適合小白，而且讀起來不費腦，口碑更是槓槓的，所以你放心看、輕鬆學就是了 enter image description here

最近恰巧讀了Head First系列策劃人Kathy Sierra 的大作《使用者思維+：好產品讓使用者為自己尖叫》（Badass: Making Users Awesome），並且參與了圖靈的“Badass”閱讀計劃 ，終於發現了我為什麼會喜歡 Head First 系列的原因。

何謂入門？

入門可以理解為從一個對某個領域（比如程式設計、Javascript程式設計……）從一無所知（小白）走向“專家”（也可能是高階碼農? ）的過程。

我們知道你是怎麼想的

“這書一點都不嚴肅。”

“那些圖片都是幹什麼用的？”

“這樣也能學會JavaScript嗎？”

老鳥? 程式猿? 們可能對於Head First風格的書不屑一顧 —— 太簡單、太小兒科、太幼稚，但是他們可能已經忘記了自己第一次看程式設計書學習寫程式時的窘境了。

願景

對於新手而言，他們最常見的表情大概是這樣的 ——

表情

他們的心裡想的可能是這樣的 —— 新手想法

第一個30分鐘

對於一個從未學過程式設計（或者Javascript）的小白而言，能否吸引他繼續學習下去，這本入門書的第一個30分鐘至關重要！ 30分鐘

讓我們來看看《Head First JavaScript程式設計》的第一個30分鐘是如何做的 —— http://www.ituring.com.cn/book/tupubarticle/17935 （試讀第一章）

head first

一般的Javascript的入門書籍的第一章會照本宣科的介紹一下JS的歷史，上來就介紹什麼是DOM，然後再alert一個警告框就完事了。

能做的事

而Head First JavaScript Programming (下面縮寫為HFJS)卻與眾不同，在第一章裡就會帶領使用者挑戰一些“有難度”的事情 ——

如果想讓使用者在初期就感到自己很強大，我們必須預設一些補償措施，鼓勵他們儘快上手實驗。

第一段程式碼

我相信跟隨著 Head First的節奏，即使一個小白也能對寫出上面這種帶判斷的語句而興奮不已 —— 暗暗的鼓勵自己 —— “我很棒！”

從“Badass”的視角，HFJS成功的做到了 ——

讓他們為自己的新能力感到驚喜。

讓他們為自己的成果感到喜悅。

鼓勵他們做一些新的嘗試。

維護認知資源

HFJS在幫助小白入門的第一個30分鐘做得很棒 還漏了什麼？

而後面他們則做得更棒 —— 那是因為HFJS非常注意⚠️ ：

確保使用者把稀缺、易耗的認知資源用在正確的事情上

比如HFJS在前言中就強調 ——

我們視讀者為學習者

怎樣才能學會東西呢？首先你得明白，其次你得牢記，但這並不意味著死記硬背。認知科學、神經生物學和教育心理學的最新研究表明，學習過程遠比閱讀文字要豐富得多。我們知道如何啟用大腦。

enter image description here

怎麼做呢？HFJS 自有一套幫助讀者提高學習效率的理論（詳細可見前言部分 http://www.ituring.com.cn/book/tupubarticle/17833 ）

使用視覺化元素。圖片比文字更容易記憶，並可極大地提高學習效率（可將記憶和理解程度提高89%）。圖片還讓知識理解起來更容易。通過將文字放在相關圖片的內部或附近，而不是放在圖片的下面或另一頁，可將學習者解決相關問題的能力提高兩倍。

enter image description here

減少認知洩漏

成為專家很難。

這將會消耗很多認知資源。

你的確希望使用者使用認知資源。

你不希望使用者浪費它們。

讓他們把精力集中在重要的事情上

enter image description here

你一定有過這樣的經歷：你正在閱讀枯燥的教科書或文章，而且你必須這樣做。或許明天有一場考試或關鍵的演講。但是……你就是無法集中注意力。你把同一頁讀了一遍又一遍。你感覺困了。這時，即使是細微的噪聲或光線變化都能讓你分神。

讓集中注意力變得更容易的辦法是設定? 垃圾過濾器

我們的大腦總是努力區分噪聲和訊號，這其實是好事，只不過我們無法控制這個“過濾器”。由於無法直接控制這一過程，因此我們需要一種方法，阻止大腦把我們應該關注的事情當作垃圾。為了幫助使用者集中注意力和保持專注，我們需要讓他們的大腦意識到：“這很重要！這不是垃圾！讓它通過吧！”

垃圾過濾器

所以，HFJS設立了非常清晰的目標 ——

我們遵循80/20規則。我們假設你的目標是成為JavaScript開發高手，不會只讀這一本書。有鑑於此，本書並非無所不包，只介紹了你真正需要的內容。

enter image description here

? ?

從不同的角度看《Head First JavaScript程式設計》，這既是一本最佳JS入門教程，也是一款實踐《使用者思維+：好產品讓使用者為自己尖叫》（Badass: Making Users Awesome）理念的好產品❕

相關文章