前言：?
? ? ???加入跳板群有一段時(shí)間了，加群源于知乎上的一個(gè)問(wèn)答，覺(jué)得作者說(shuō)的很中肯，很有道理。加入之后發(fā)現(xiàn)這個(gè)群不像一般的qq群閑扯多余技術(shù)，群規(guī)很嚴(yán)，進(jìn)制閑聊，但凡說(shuō)話都是有關(guān)技術(shù)，技術(shù)氛圍很濃，剛開(kāi)始還不適應(yīng)，從被禁言，被踢群，又加群，到現(xiàn)在，由于進(jìn)群前與后技術(shù)的成長(zhǎng)變化比較大，所以群主邀請(qǐng)我進(jìn)行一次這段時(shí)間以來(lái)的學(xué)習(xí)經(jīng)驗(yàn)或成長(zhǎng)經(jīng)歷的心得分享，還不是大牛，只是在豪哥的群里，跟大家一起努力、成長(zhǎng)，學(xué)到了很多，很多技巧都是個(gè)人的經(jīng)歷，可能不太普遍，但收到群主邀請(qǐng)，正好對(duì)這一段時(shí)間總結(jié)一下，也把踩過(guò)的坑和心得分享給大家，大家取其精華，去其糟粕，說(shuō)的不好的地方大家多多指點(diǎn)~！
1，為什么學(xué)前端
接觸前端大概是在去年這個(gè)時(shí)候，之前一直接觸的是MFC，C++。接觸前端源于一個(gè)項(xiàng)目，當(dāng)時(shí)項(xiàng)目缺少人手，我就半自告奮勇啦。所以說(shuō)接觸前端一半是機(jī)遇，一半是爭(zhēng)取吧，到去年畢業(yè)季，師姐做前端，找到了美團(tuán)，所以就決心做前端啦，嘿嘿，就是面向工作編程呀。
2，學(xué)與思
學(xué)而不思則罔，思而不學(xué)則殆。學(xué)習(xí)的時(shí)候只看書(shū)肯定不行，敲敲書(shū)上的代碼或許好些，但最好還是能自己動(dòng)手寫(xiě)個(gè)小demo，如果不知道從哪下手，可以像群主推薦的制定一個(gè)具體計(jì)劃：
也可以看看這里百度技術(shù)學(xué)院百度技術(shù)學(xué)院，從里面找一個(gè)練練。
只看書(shū)不練手不行，但是以項(xiàng)目驅(qū)動(dòng)的學(xué)習(xí)，也不能忽略基礎(chǔ)的學(xué)習(xí)，但是的項(xiàng)目需要在頁(yè)面上繪圖，現(xiàn)有的圖標(biāo)庫(kù)無(wú)法滿足需求，需要自己寫(xiě)，用js還不熟悉，愣是先用c++寫(xiě)出來(lái)之后再改成用js實(shí)現(xiàn)。隔一段時(shí)間回頭看當(dāng)時(shí)的代碼，慘不忍睹，每次看都可以發(fā)現(xiàn)可以優(yōu)化的地方。說(shuō)這些是想表達(dá)，以項(xiàng)目驅(qū)動(dòng)上手快，記得回頭補(bǔ)補(bǔ)基礎(chǔ)知識(shí)。
3，熟讀唐詩(shī)三百首
關(guān)于學(xué)習(xí)前端，需要看哪些書(shū)，看的書(shū)和能力往往是必要不充分條件，群里大神分享過(guò)很多次，網(wǎng)上也有人推薦，這里有一個(gè)比較全一些的總結(jié)：
Js類：
《DOM編程藝術(shù)》
讀書(shū)感受：最早開(kāi)始讀的這本書(shū)，書(shū)不厚，主要講解跨瀏覽器的一些問(wèn)題，讓我們寫(xiě)出來(lái)的代碼更健壯，適合寫(xiě)過(guò)一些js代碼的看。
《js高程》
讀書(shū)感受：這本書(shū)雖然說(shuō)是js的基礎(chǔ)書(shū)，但是需要你有一些編程背景。這本書(shū)關(guān)于JavaScript的介紹全面，詳細(xì)。由淺入深，基礎(chǔ)部分很基礎(chǔ)，講解的也很透徹。后面幾章有進(jìn)階，涉及到j(luò)s的各個(gè)部分。唯一覺(jué)得不太好的是，可能書(shū)的定位是初高級(jí)，力爭(zhēng)全面，所以對(duì)于JavaScript中的一些稍抽象的部分介紹不夠深入，比如閉包，綁定，Currying等。 總之，這本書(shū)作為基礎(chǔ)的學(xué)習(xí)已經(jīng)足夠啦。
《編寫(xiě)可維護(hù)的js》
《js精粹》
《js權(quán)威指南》
讀書(shū)感受：可以作為工具書(shū)來(lái)用。
《js忍者秘籍》
《學(xué)習(xí)JavaScript數(shù)據(jù)與算法》
《js設(shè)計(jì)模式》
《js函數(shù)式編程》
讀書(shū)感受： 進(jìn)階書(shū)。第一次剛開(kāi)始讀的時(shí)候，讀的云里霧里，看不懂。經(jīng)過(guò)一段時(shí)間，再來(lái)看的時(shí)候，就完全被這本書(shū)吸引了，看著作者一步步深入，大問(wèn)題變小問(wèn)題，小函數(shù)組成高級(jí)高級(jí)函數(shù)，你會(huì)感嘆，原來(lái)js還可以這樣用。以前在js高程里不太明白的問(wèn)題，在作者精妙的例子里逐漸體會(huì)js高級(jí)函數(shù)的神奇。這本書(shū)結(jié)合 underscore.js庫(kù)介紹(下面會(huì)介紹） ，所以結(jié)underscore.js庫(kù)源碼看更好。?
HTML5和css3類：
《HTML5與CSS3基礎(chǔ)教程（第八版）》
《CSS揭秘》
感受：屬于進(jìn)階書(shū)，講了47個(gè)經(jīng)常遇到的css方面的問(wèn)題案例。
《CSS禪意花園》
其他類：
《HTTP權(quán)威指南》
《TCP/IP圖解》
讀書(shū)感受：很基礎(chǔ)的一本介紹tcp/ip的書(shū)，可以當(dāng)做科普書(shū)，放松的 時(shí)候看。
其他，沒(méi)有提及的書(shū)，短評(píng)和簡(jiǎn)介看這里?前端技術(shù)書(shū)籍推薦
4，更上一層樓
? ? ?看書(shū)，做demo，如果兩者不能很好的結(jié)合，可能代碼還是一堆for循環(huán)，試著寫(xiě)出更優(yōu)雅的代碼，推薦看js源碼，underscore.js是一個(gè)很精巧的庫(kù)，可以研究一下，雖然短小，如果基礎(chǔ)不過(guò)關(guān)貿(mào)然去看，只能弄巧成拙，就像我剛開(kāi)始一樣的，如果看underscore源碼，js高程至少看完前7章并理解了知識(shí)，然后搭配《js函數(shù)式編程》這本書(shū)更好，因?yàn)檫@本書(shū)是以u(píng)nderscore為例講解。
? ? ? 此外，為了鍛煉自己，可以去網(wǎng)上刷一下題，我推薦codewars。里面題目都有實(shí)際背景，有難有易，解決方案有排行榜，對(duì)比自己和排行榜的解法，對(duì)js各種原生方法掌握的更快更多。如果你不喜歡codewars，這里有一個(gè)列表給你，哈哈，14個(gè)，總有一款適合你，http://www.csdn.net/article/2014-04-21/2819404-coding-challenges/2。因?yàn)橐舐?，也?huì)去刷?？途W(wǎng)，牛客網(wǎng)上前端題目，相對(duì)簡(jiǎn)單一些。
?5，其他建議
? ? ?新手的話不建議直接看視頻，個(gè)人覺(jué)得看書(shū)然后完全自己動(dòng)手做demo是最好的提高辦法了。剛開(kāi)始我也是癡迷于網(wǎng)上找資料，迷上網(wǎng)易云課堂 前端工程師微專業(yè)，夢(mèng)想著看一套視頻就成為大牛了，這是不現(xiàn)實(shí)的，學(xué)習(xí)不可能一蹴而就，大神不可能一日練成，千里之行始于足下，還是要一步一步腳踏實(shí)地。掌握基礎(chǔ)知識(shí)---進(jìn)階--鍛煉。
6，心態(tài)：畏難心里和拖延癥
? ? ?據(jù)說(shuō)有拖延癥的人都有一顆要求完美的心，等條件成熟了，等準(zhǔn)備好了…..其實(shí)你只要告訴自己，開(kāi)始就好了，并且不要寄希望于明天，因?yàn)槊魈旌徒裉觳](méi)有什么區(qū)別。你拖到明天的事明天依然會(huì)拖。
還有一句話，來(lái)不及你就不學(xué)了嗎？
? ? ? 不管拖延癥還是畏難，只要開(kāi)始就好了，我一直討厭正則，在群里說(shuō)過(guò)幾次之后，覺(jué)得不能一直逃避呀，所以前天抽時(shí)間看了一下，會(huì)用簡(jiǎn)單的啦，正則有復(fù)雜的，但是開(kāi)始了，就可以從易到難。
7，未來(lái)的規(guī)劃
? ? ? 哈哈，這個(gè)規(guī)劃，技術(shù)方面，不知道怎么表達(dá)，就是說(shuō)不斷學(xué)習(xí)，不求大牛，但是不能看起來(lái)再像菜鳥(niǎo)，小牛一枚。只是希望，永遠(yuǎn)保持一顆年輕的心，對(duì)學(xué)習(xí)和新的技術(shù)保持著熱情，樂(lè)于去鉆研。職業(yè)方面吧，剛開(kāi)始還是希望進(jìn)入一個(gè)大點(diǎn)的公司。生活方面呢，喜歡運(yùn)動(dòng)和健身，最后放一張照片給大家信心，不管學(xué)習(xí)還是健身，努力+方法，都會(huì)獲得自己想要的。
寫(xiě)在最后
? ? ? 由于我個(gè)人的成長(zhǎng)比較快，也通過(guò)這次分享向大家展示了我努力的決心或一直保持前進(jìn)進(jìn)取的心，所以群主已經(jīng)邀請(qǐng)我進(jìn)初級(jí)群了，初級(jí)群里邊小伙伴更多，討論的技術(shù)問(wèn)題更是爆炸式的，但是像入跳板群的時(shí)候一樣，努力追進(jìn)，偶爾我也能幫助同學(xué)們回答問(wèn)題了。而且大叔的每周一題也讓我受益良多，讓我從JS的底層了解這門(mén)語(yǔ)言的魅力。最后感謝跳板群的小伙伴，你們的熱情或幫助讓我銘記心間，尤其是幾位管理：Gnip，幻·精靈，lee，九成，何幻，勉強(qiáng)，還有其它很多想不起名字的同學(xué)，也感謝群主提供這么好的平臺(tái)，給前端人員一個(gè)很好的教練學(xué)習(xí)平臺(tái)。愿天下所有的前端初學(xué)者都被溫柔以待。
?ps：所在前端交流群群號(hào)：175453545。
