當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

如何循序渐进有效学习 JavaScript？

發布時間：2024/10/12 javascript 66 豆豆

生活随笔收集整理的這篇文章主要介紹了如何循序渐进有效学习 JavaScript？小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

?

張克軍?，?豆瓣前端工程師

185 票，來自?haochuan?、?Yin?、知乎用戶?更多

我的建議：?
1. 選本好書?
http://?book.douban.com/subject?/2994925/?
http://?book.douban.com/subject?/4886879/?
2. 閱讀源碼?
https://?github.com/languages/Ja?vaScript?
3. 實踐、實踐、再實踐?

4. 關注行業動態，參與開源社區?
這幾個blog至少要訂閱：?
http://www.?nczonline.net/blog/?
http://?javascriptweblog.wordpress.com?/?
http://?dailyjs.com/?
http://?functionsource.com/?
http://www.?reddit.com/r/javasc?ript/

2011-07-06?14 條評論 ???

Merlin Ran?，?IT界萬金油

14 票，來自?Steven?、知乎用戶、?詹東洲?更多

不廢話，直接上?http://www.?codecademy.com?
然后自己做個東西，搞掂

2012-07-05?5 條評論 ???

周軍?，?騰訊前端工程師

18 票，來自?陳振耀?、?王浩然?、?陳曦?更多

看到好多回答都提到用jquery，jquery不是javascript的代名詞了，就好像步行與開車，入門之初，你可以直接拿駕照開車，項目可以完成，薪水可以到手，而且會比一開始就步行的人走得更快。但是不代表你已經擁有了強健的身體。適當的時候，下車鍛煉鍛煉吧，不至于在崎嶇路上被人落下太遠。

2012-08-17?添加評論 ???

鄧毅?，?研究了一段時間

3 票，來自?藍瑟?、?馮超?、?傅瓔俊

建議使用 Chrome 的調試環境，可以會話式的編程，就像當年的 Basic，很適合學習

2013-03-13?3 條評論 ???

元彥?，?企鵝帝國前端攻城獅

循序漸進有效學習 Javascript 之前，請學習一門面向對象或函數式語言

2012-05-06?添加評論 ???

沈鋒?，?程序員

1 票，來自?范恩穎

推薦看幾遍javascript the good parts，同時?http://?javascript.crockford.com?/?,上面有好幾個 crockford的演講視頻，推薦聽幾遍。?
自己再寫些程序，一邊寫，一邊思考，一邊學習。?
如果搞前端的話， JS和HTML，JS一起學，他們相互幫助。

2012-07-11?添加評論 ???

方文達?，?geek，喜歡冒險

3 票，來自?張斌玨?、?馬艷彬?、?鄭鑫

推薦一本書《javascript DOM編程藝術》，入門挺不錯的，不過需要有html和css基礎?

2012-10-12?添加評論 ???

潘巧林?，?電子商務小兵，編程菜鳥，學生，計算機應…

1 票，來自?鄧華典

先熟悉基本的語法結構，然后開始寫點小小的特效，同時可以下點代碼什么的看下，其實多去一些相關的論壇也是一個不錯的選擇，接下來就應該是做項目和了解jQuery之類的框架了吧。。。

2011-07-02?添加評論 ???

林秋雯?，?UI設計?http://?enqoo.com

1 票，來自?金鼎銘

現在瀏覽器端以 JavaScript 為核心，基于各種 Web 標準（即：早已完成標準化的XHTML/CSS/DOM/xml(標準化越來越近了)/XSLT 和正在進行標準化的xml(標準化越來越近了)HTTP）的技術正在加速整合，ajax(動態網站靜態化) 就是這一系列技術的一個統稱。?

雖然網絡上已經有大量的相關資源，但是為了打好基礎，認真讀上幾本書還是很有必要的。好在 ajax(動態網站靜態化) 并不是什么全新的技術，它僅僅是傳統技術的發展和增值，是對于這些基于 Web 標準的傳統技術的重新包裝，使其更加適合于企業應用，并且和服務器端結合地更加緊密。因此學習 ajax(動態網站靜態化)，首先就要從深入學習這些傳統的技術開始。我由淺入深地列出一些我讀過的書籍，提供給大家做參考：?

1、XHTML 教程（XHTML）?

作者：Chelsea Valentine, Chris Minnick?

New Riders 原版，人民郵電出版社中文版?

是的，今天你最應該學習的是 XHTML，而不是 HTML。HTML 4.x 已經是一個被廢棄了的標準，今天的標準是 XHTML 1.0。XHTML 1.0 也不是 XHTML 最新的版本，但是它是目前唯一得到瀏覽器廣泛支持和唯一實用的 XHTML 版本。?

2、JavaScript 權威指南第四版（JavaScript: The Definitive Guide）?

作者：David Flanagan?

O'Reilly 原版，中國電力出版社中文版?

JavaScript 愛好者親切地稱之為“犀牛書”，因為 O'Reilly 以犀牛作為這本書的封面。這是目前 JavaScript 領域最深入和最權威的入門書。與其它 JavaScript 相關書籍的區別是這本書一半以上的篇幅著重于深入介紹 JavaScript 語言本身的基礎知識，而不是象其它的書一樣把基礎知識和與 HTML 相結合做 Web 開發的內容（這些內容往往偏重于細節，使得其篇幅很容易就超出了 1000 頁，例如《JavaScript Bible》）混雜在一起。對于剛剛開始學習 JavaScript 的初學者，這本書毫無疑問是最佳的入門書。?

3、xml(標準化越來越近了) 高級編程（Professional xml(標準化越來越近了)）?

Didier Martin等著?

Wrox 原版，機械工業出版社中文版?

這本書是關于 xml(標準化越來越近了) 開發技術非常詳盡的著作。雖然因為作者眾多（第一版 12 個人，第二版好像又多了幾個），無法擺脫 Wrox 紅皮書系列大雜燴的印記，但是這本書可以說是紅皮書系列中少有的精品。?

這本書可以作為 xml(標準化越來越近了) 技術參考書，雖然很厚，但是沒有必要從頭到尾全部讀完。其中與 ajax(動態網站靜態化) 相關的內容包括 xml(標準化越來越近了) DOM、XSLT 等等。?

4、網站重構（Designing with Web Standards）?

作者：Jeffrey Zeldman?

New Riders 原版，電子工業出版社中文版?

這本書詳細地介紹了如何摒棄遠古時代（按照我的理解，3 年以前吧）不符合標準，專門針對某種瀏覽器（90%以上的情況下是 IE）做開發的惡習，真正采用符合標準的方式來做開發，最終走上向后兼容（注意：不是與瀏覽器以前不能完整支持 Web 標準的版本相兼容，而是與瀏覽器以后的版本相兼容）的平坦大路上來。這本書雖然不是 CSS 的專著，但是其中充分展示了使用 CSS 的一些高級技巧。尤其是最后一章展示了完全基于 CSS 做布局，摒棄使用 table 做布局的老方法的具體做法。?

非常遺憾的是這本書的中文版翻譯的非常爛，如果不對照原文，很容易誤入歧途。讀這本書有任何疑問的朋友都可以直接和我聯系。?

上面列出的是與 ajax(動態網站靜態化) 涉及到的技術相關的書籍。我沒有列出 CSS 的書，是因為我并沒有專門讀過一本 CSS 方面的專著。附件是網上流傳很廣的 CSS 2.0 中文手冊，可以作為這方面的參考。?

讀了以上這些書，你已經在技術方面打下了極為堅實的基礎，你還需要有一個經常的討論場所，JavaEye 毫無疑問是你最值得來的地方。?

下面我再列出幾本與技術沒有直接關系的書籍。?

5、面向使用的軟件設計（Software for Use）?

作者：Larry Contantine, Lucy Lockwood?

ACM Press 原版，機械工業出版社中文版?

大部分的軟件都是給人使用的。我在 BEA User Group上的演講中說到，ajax(動態網站靜態化) 為什么會越來越流行，主要的原因就是它能比傳統的基于 HTML FORM 的交互模式帶給用戶更好的交互體驗，也就是 ajax(動態網站靜態化) 可以實現更好的 Web 可用性（Web Usability，這是目前國外的一個專門的研究領域），這才是 ajax(動態網站靜態化) 最大的價值。軟件的可用性永遠都是一個大的話題，《面向使用的軟件設計》正是這方面最權威的專著。我們只要在做最終用戶直接使用（有一個可視的界面）的軟件開發，提高可用性就是我們需要孜孜不倦追求的目標。?

6、軟件創新之路（Inmates Are Running the Asylum）?

作者：Alan Cooper?

Sams Publishing 原版，電子工業出版社中文版?

7、About Face 2.0?

作者：Alan Cooper?

John Wiley & Sons 原版，中文版即將出版?

上面兩本書都是交互設計大師 Alan Cooper 的名著，相信很多朋友都知道 Alan Cooper 的大名，這兩本書是交互設計愛好者必讀的著作。

2012-08-23?2 條評論 ???

苗梓銘?，?生活最重要

1 票，來自?王宇鵬

如果之前對java之類的面向對象語言的話, 建議考慮先學一下actionscript, 會是不錯的過渡?
如果之前沒面向對象的經驗的話, 就參考克軍的建議

2012-05-09?添加評論 ???

李龍剛?，?菩提本無樹，明鏡亦非臺，本來無一物，何…

多看多練自己逼著自己給出慢慢的寫，當然從簡單的開始

2011-07-12?添加評論 ???

changhu?，?程序員

推薦一本書：《javascript語言精髓與編程實踐》電子工業出版社第二版周愛民著

2012-05-09?1 條評論 ???

王允?，?web前端工程師

看書，多練習，更應該多請教，買本書《javascript高級程序編程》（6版）；的確不錯！首先要在腦子中樹立javascript是什么？干什么？怎么運行的概念，順著自己的思路循序漸進學下去，就成了！

2012-08-17?添加評論 ???

張文欽?，?java,js,前端

1.dom：學些html/css的結構,如果學過xml 類推下就了解了?
2.js變量、函數，做個簡單認識?
3.使用js操作dom做些簡單效果（控制位置、顯示、點擊事件...），做個直觀認識?
4.找本大全的書做下基礎認識(javascript高級程序設計...)?
5.編寫測試各種效果?
6.看日常使用的類庫、框架的源代碼和git下代碼?
7.看標準解讀（?ECMA-262?）理論和實際相互作用?
8.終于看見山腳了...

2013-01-11?添加評論 ???

郭嘉琦?，?第2147483648號用戶

下一個node.js，寫些web/native的app練手，熟悉js的OOP和標準的模塊封裝方式

2013-02-11?添加評論 ???

蔡潔鴻?，?挨踢

學會使用Chrome的開發者工具，神器啊，尤其是console控制臺。F12快捷鍵

2013-02-12?添加評論 ???

陳晨?，?廝殺在前端的攻城師@Alibaba UX

之前翻譯的一篇文章?
還算不錯?
http://www.?ccforward.net/2013/?04/learning_javascript_my_experience_and_advice.html

2013-04-19?添加評論 ???

flyer?，?linux、js、html5、css3、web前端開發、…

1.先買一本javascript DOM編程藝術通透的看一遍并把所有的原實例都敲一遍。?
2.再看javascript高級程序設計第2版?
3.看完接著看javascript權威指南，最好買第5版的，第6版翻譯確實很一般。?
這些書你都看完javascript就差不多了。

2013-04-19?添加評論 ???

匿名用戶

得從這二個學起吧：?
JavaScript 經典教程?
jQuery 快速入門

2013-05-06?添加評論 ???

羅苾瑩?，?專注備胎二十年。

1 票，來自?劉精彬

今天我同學剛跟我分享的：轉述一遍：?
既然你已經有了語言的基礎，java，c啊什么的都會，你花幾天的時間好好消化一下js的基礎知識，大概的基礎都看懂。然后同時實現一些效果，不需要太熟練，只要會查資料會用就行。?
然后可以開始jquery了，jquery不用花時間學，下一個API文檔，想做什么效果查什么。API不行就谷歌上查。?
我也準備親身嘗試 ~呵呵~

2012-01-03?添加評論 ???

甄超文?，?熱愛技術，熱愛互聯網

4 票，來自?知乎用戶、?金小光?、?Feather?更多

果然從很多人的回答中，還是那個狀態：看看要寫什么效果-》搜索做法-》得到結果-》模仿-》寫代碼-》看書完了，果然中國教育的通病，都是想著跟著別走，沒有想到去超越，沒有多去想事物背后的原因，用結果去解析結果，這是結果不是原因啊哥~~~再這樣下去，再過幾十年、幾百年中國的技術界都還是那個狀態，此乃我中華民族之悲哀也。

2012-06-09?7 條評論 ???

張磊?，?IT男，Java ，機器學習，Web

1 票，來自?鄭紀

最好是跟著項目去學，這樣有針對性，又比較容易提起興趣。特別是面向對象這一塊，學很容易，用好不容易，我到現在都還停留在函數式編程的層面上，總感覺面向對象使不上力。