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