當前位置:才華齋>設計>網頁設計>

如何入門學習JavaScript

網頁設計 閱讀(1.26W)

做網頁單單做出了一個靜態頁面是遠遠不夠的,那麼需要什麼才能時頁面變的更加的多樣化呢?下面小編來給大家來介紹一種指令碼語言JavaScript。

如何入門學習JavaScript

JavaScript一種直譯式指令碼語言,是一種動態型別、弱型別、基於原型的語言,內建支援型別。它的直譯器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用於客戶端的指令碼語言,最早是在HTML(標準通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能。

如果你正初學JavaScript並有著和我一樣的處境的話我建議你:初學JavaScript的時候無視DOM和BOM的相容性,將更多的時間花在瞭解語言本身(ECMAScript)。只在特定瀏覽器編寫程式碼(Chrome/Firefox/Safari),實際工作中使用成熟的JavaScript框架(jQuery等)。放心,很少有公司會讓JS新手用原生JS做前端開發。

  忠告:

1,不要著急看一些複雜網頁效果的程式碼,這樣除了打擊你自信心,什麼也學不到。沒達到一定的武功水平,割了小JJ也學不會葵花寶典的。

2,別急著加技術交流QQ群,加牛人QQ。如果你找張三丰交流武功,你上去第一句問“豐哥,where is 丹田?”,你會被他一掌劈死的。

3,看網上什麼多少天精通JS,啥啥啥從入門到精通,這種教程直接跳過吧,太多的事實證明,以一種浮躁的心態去做任何事都會以失敗而告終。

4,千萬別去弄啥電腦培訓,花了錢和時間不說,關鍵是學不到東西。本來你買兩本好書自學3個月能學會的,他們硬是能折騰你兩年。

第一階段:《JavaScript高階程式設計》

有的書是用來成為經典的,比如犀牛書;還有些書是用來超越經典的,顯然這本書就是這種。書中章章經典,由淺入深,其中第6章,關於JS面向物件的解說,沒有教程出其右。

這本書強烈推薦購買,寫的太TMD牛逼了,給你帶來的價值超過百倍千倍。

這本書最新的是第三版,貌似就是前些日子出來的,我看的是第二版,第三版相對第二版變動不大,添加了幾章內容,價格目前相差10元左右。

接下來,恭喜你可以下山了,這個時候可以自己做一些事情了

你可以去Ferris這個教程看看他寫的這些效果,看看原始碼,怎麼樣,是不是覺得有一部分很簡單了,嘗試著跟著他寫一寫這些效果吧。

學技術閉門造車是行不通的,適當的加一兩個QQ群交流(注重質量),常去論壇逛逛,你會經常有些小收穫的`。

再有就是看看前輩這些牛人前輩們分享的文章,它會讓你的學習事半功倍的,這裡是熱心人收集的國內一些牛人的部落格、個人網站,點這裡。

第二階段:《JavaScript語言精粹》和《高效能JavaScript》

接下來兩本書《JavaScript語言精粹》和《高效能JavaScript》算是JS高階教程的補充,裡面有一些內容和JS高階教程重複了,兩本書可以同時看,都不厚,可以對前面所學的有一個很好的加強和鞏固。

 第三階段:《JavaScript DOM高階程式設計》和《JavaScript設計模式》

在吃透了前面所說的書之後,接下來兩本書的順序已經無關緊要了,《JavaScript DOM高階程式設計》(注意和《JavaScript 高階程式設計》相區別)和《JavaScript設計模式》,這兩本都是重量級的書,能讓你的JS技術上一個新的臺階;這兩本書前者主修煉外功,後者主修煉內功,有點想乾坤大挪移和九陽神功的關係。

《JavaScript DOM高階程式設計》 首先教你搭建一個類似JQuery的額工具函式庫,然後通過講解幾個實際中經常遇到的幾個應用例子,會讓初學者受益匪淺。

《JavaScript設計模式》主要講Javascript的設計模式,說實話,翻譯的質量很一般,有些生硬,但已經基本不影響你的學習,看程式碼完全可以理解出自己的意思。

  注意事項:

1:千萬不要拿JavaScript權威指南當入門書籍

2:應該用JavaScript高階程式設計(第三版)作為入門書籍

3:傳值和傳值、作用域知識必須理解

4:除錯工具必須懂並多用,學會自己捕捉錯誤。(chrome developer tool/Firebug)

5:耐心再耐心,對每一個知識點深挖能學的更輕鬆。