web前端開發分享-css,js入門篇

學習沒有捷徑，但學習是有技巧與方法。

 

一，css入門篇：  

推薦書籍：css哪些事兒，精通css。

理由：css那些事兒，他是一本介紹css基礎類的書，是入門的經典讀物。

系統的介紹了css的選擇符，僞類，工做環境，盒模型，兩列，三列自適應佈局。文字樣式，圖片處理，列表，表單，還有選項卡，相冊，導航，新聞列表等其它大部分的實踐。

精通css，這書已經出到第二版了，相比初版，第二版的大部分目錄結構保持不變，內容變得更豐滿了。此書從一另外一個視角介紹了css的博大精深。 

 

二，js入門篇：

 

1, 建議閱讀「javascript高級程序設計」第三版電子版。

通過前輩們的總結或本人的實踐經歷，自學的同窗建議是這樣，找本js入門的書和妙味視頻結合看。一個主攻面試，一個主攻實踐。

看書的目的主要是掌握理論知識，梳理js的知識結構，最主要的一點是爲了應付面試。面試的主要環節是爲了表達本身的想法，只憑簡單的理解，是不能徹底的表達出一個問題的廣度或深度，只有結合了行業中的術語約定或一些習慣叫法，表達出來的意思才更專業。若是不是這樣，表達出來的意思別說面試官聽不懂，連本身都感受要麼表達不出來，要麼表達的不是想要的。但書着重於對理論知識的闡述，缺乏實際例子的支持，很難快速的消化。這時候視頻能夠彌補這個缺陷，並且妙味視頻用簡單的代碼實現一些常見的效果，學習興趣很快就能被吸引。可是對js的高級特性，我的感受視頻沒有達到那個深度。並且js的一些基礎的問題，或一個知識的擴充，限於各類條件的限制，可能沒法徹底表達出來。因此要結合書來補充。

通常學習的心態是：不急不躁，不快不慢。鍥而不捨，相信本身。

 

 

2, 建議欣賞，妙味及智能社視頻資料。 

學習主要技巧是動手及主動思考，視頻在欣賞的同時記得跟敲代碼不低於三遍，直到隔一天隔一週能重複敲出代碼或回憶起思路爲止。並且邊敲邊作筆記，以作複習時快速的查閱之用。學習的技巧是動手，學習的靈魂是堅持，學習的快樂就是分享。只要堅持，其實天天都在成長，只是感受不明顯而已。但這個月與前幾月相比，已經有量的變化，量變引發質變。

另一個建議：QQ羣不是學習的主戰場，羣只是學習的輔助手段，要是想安心學習就是關QQ，斷網，靠本身。

學習的態度須要務實，生活是殘酷的，戰場是血腥的，一份耕耘，一份收穫，務實的學習好基礎才能走的更遠。

     敲出來的代碼，思路不清晰時，能夠在firebug,chrome裏邊打個斷點跟一下，理理思路，理解代碼的邏輯，這樣影響纔會深入。初學者沒辦法都是這樣，也只能這樣。可是初期可能稍爲慢一點，但一直不會這麼慢，也不會想象的那麼長，由於隨着基本概念的掌握，編碼技巧的熟悉，開發工具的熟練，消化視頻的速度會愈來愈快。

 

     

妙味智能社視頻：

http://zhinengshe.com/video.html

js視頻

http://bbs.miaov.com/forum.php?mod=viewthread&tid=7385

http://www.miaov.com/2013/miaovideo/miaovideo.html

[知識點類] 妙味課堂

其它書籍總結分享：

http://www.cnblogs.com/Henrya2/archive/2009/01/22/1380096.html

js 書籍：

http://www.cnblogs.com/Darren_code/archive/2011/06/29/javascript-learn.html

js學習流程＋書籍

http://limu.iteye.com/blog/1267475

javascript那些書

http://www.javascript100.com/?p=394

若是學習js

http://limu.iteye.com/blog/1267475

javascript那些書

http://www.yaohaixiao.com/?p=8

寫給想學JavaScript朋友的一點經驗之談

http://www.zhihu.com/question/19713563

如何按部就班有效學習 JavaScript？

http://www.zhihu.com/question/20246142

前端其它資源

http://www.w3cplus.com/page/books.html

前端書籍分享

 

3. 等這些消化以後，閱讀其它js書籍建議以下：

js dom編程藝術(2 version)->js高級程序設計 (3 version)-> js dom高級程序設計 -> js 語言精粹 -> 精通js -> 編寫可維護的js -> 高性能js -> js面向對象編程指南  -> js模式 -> js權威指南(6 version) -> js語言精髓與編程實踐

js dom編程藝術 : 他只是截取了js中的部分概念進行了介紹，並不完整或深刻。

js高級程序設計 : 經典的js基礎書，之所爲經典是由於系統完善的介紹了js的歷史，基礎及預測了當下的流行趨勢。與犀牛比更測重於實踐結合

 js dom高級程序設計 : 主要講如何去寫一個框架或庫。

js 語言精粹：json做者，道格拉斯寫的，主要解析js語言本質或內涵。

精通js：jquery做者寫的，淺淺的解析了jquery一些方法的實現，注意是很淺。

編寫可維護的js，高性能js：這兩本是高程做者尼古拉斯的，出版日期在高程後，深度可想而知。

js面向對象編程指南：主要講面向對象的一些東西。

js模式： -> js權威指南(6 version)

js模式，這兩本是淘寶團隊翻譯的，模式主要一半講模式一半講基礎。
js權威指南(6 version)，經典犀牛，一半講基礎，一講是參考。

 

4. 編輯器推薦：

a.新手： sublime-text,  http://github.com/jikeytang/sublime-text

b.熟手： webstorm:  http://note.youdao.com/share/?id=2d7ff03aeca64808fdc0f394ffb520bf&type=notebook

推薦這兩個的緣由在於，有個技術叫emmet, http://docs.emmet.io，而這兩個對他的支持是：

sublime text 是全部編輯器裏邊支持emmet比較好的的惟一一款。

webstorm(jetbrains系列產品，intellij idea, phpstorm, pycharm)是全部編輯器裏邊惟一內置emmet的一款，而且把emmet精神在往前推了一步的一款。

c. 其它：editplus, notepad++,vim.

準備多款的緣由在於，沒有最好的編輯器，只有最合適的，每一個下面都有一款特點功能終究會吸引你。