關注前端這么多年，沒有大的成就，就入門期間積累了不少技巧與心得，跟大家分享一下，不一定都適合每個人，畢竟人與人的教育背景與成長環境心理活動都有差別，但就別人的心得再結合自己的特點，然后探索適合自己的學習之路是比較好的。學習沒有捷徑，但學習是有技巧與方法。
一，css入門篇：
推薦書籍：css哪些事兒，精通css。
理由：css那些事兒，他是一本介紹css基礎類的書，是入門的經典讀物。
系統的介紹了css的選擇符，偽類，工作環境，盒模型，兩列，三列自適應布局。文字樣式，圖片處理，列表，表單，還有選項卡，相冊，導航，新聞列表等其它大部分的實踐。
精通css，這書已經出到第二版了，相比第一版，第二版的大部分目錄結構保持不變，內容變得更豐滿了。此書從一另一個視角介紹了css的博大精深。
二，js入門篇：
1, 建議閱讀“javascript高級程序設計”第三版電子版。
經過前輩們的總結或本人的實踐經歷，自學的同學建議是這樣，找本js入門的書和妙味視頻結合看。一個主攻面試，一個主攻實踐。看書的目的主要是掌握理論知識，梳理js的知識結構，最主要的一點是為了應付面試。面試的主要環節是為了表達自己的想法，只憑簡單的理解，是不能完全的表達出一個問題的廣度或深度，只有結合了行業中的術語約定或一些習慣叫法，表達出來的意思才更專業。如果不是這樣，表達出來的意思別說面試官聽不懂，連自己都感覺要么表達不出來，要么表達的不是想要的。但書着重於對理論知識的闡述，缺少實際例子的支持，很難快速的消化。這時候視頻可以彌補這個缺陷，而且妙味視頻用簡單的代碼實現一些常見的效果，學習興趣很快就能被吸引。但是對js的高級特性，個人感覺視頻沒有達到那個深度。而且js的一些基礎的問題，或一個知識的擴充，限於各種條件的限制，可能無法完全表達出來。所以要結合書來補充。一般學習的心態是：不急不躁，不快不慢。持之以恆，相信自己。
2, 建議欣賞，妙味及智能社視頻資料。
學習主要技巧是動手及主動思考，視頻在欣賞的同時記得跟敲代碼不低於三遍，直到隔一天隔一周能重復敲出代碼或回憶起思路為止。而且邊敲邊做筆記，以做復習時快速的查閱之用。學習的技巧是動手，學習的靈魂是堅持，學習的快樂就是分享。只要堅持，其實每天都在成長，只是感覺不明顯而已。但這個月與前幾月相比，已經有量的變化，量變引起質變。另外一個建議：QQ群不是學習的主戰場，群只是學習的輔助手段，要是想安心學習就是關QQ，斷網，靠自己。學習的態度需要務實，生活是殘酷的，戰場是血腥的，一份耕耘，一份收獲，務實的學習好基礎才能走的更遠。
敲出來的代碼，思路不清晰時，可以在firebug,chrome里邊打個斷點跟一下，理理思路，理解代碼的邏輯，這樣影響才會深刻。初學者沒辦法都是這樣，也只能這樣。但是初期可能稍為慢一點，但一直不會這么慢，也不會想象的那么長，因為隨着基本概念的掌握，編碼技巧的熟悉，開發工具的熟練，消化視頻的速度會越來越快。
妙味智能社視頻：js視頻
[知識點類] 妙味課堂其它書籍總結分享：
js 書籍：
js學習流程＋書籍
javascript那些書
如果學習js
javascript那些書
寫給想學JavaScript朋友的一點經驗之談
如何循序漸進有效學習 JavaScript？
前端其它資源
前端書籍分享
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)，經典犀牛，一半講基礎，一講是參考。
js權威指南(6 version)，經典犀牛，一半講基礎，一講是參考。
4. 編輯器推薦：
a.新手： sublime-text, http://github.com/jikeytang/sublime-text推薦這兩個的原因在於，有個技術叫emmet, http://docs.emmet.io，而這兩個對他的支持是：sublime text 是所有編輯器里邊支持emmet比較好的的唯一一款。webstorm(jetbrains系列產品，intellij idea, phpstorm, pycharm)是所有編輯器里邊唯一內置emmet的一款，並且把emmet精神在往前推了一步的一款。c. 其它：editplus, notepad++,vim.准備多款的原因在於，沒有最好的編輯器，只有最合適的，每個下面都有一款特色功能終究會吸引你。
前端開發qq群：492107297 ，禁止閑聊，非喜勿進~！