在面試季致那些前端想入門的朋友們

前言

以前在博客上寫了一篇裝逼的博客《我是如何同時拿到阿里和騰訊offer的》，在文章上面本着學習和共享的精神分享了本身的簡歷，無心中暴露了很多我的隱私，結果這幾天很多認識的和不認識的朋友都加我QQ或微信，請叫我怎麼學習Web。在只有一兩我的問的時候，我都是耐心回答的，但從長遠的角度來看，仍是寫一篇博客來壓壓驚好一點。須要聲明的是，此文章中的觀點僅表明我的意見，不表明大衆的觀點，如您有異議，歡迎在評論中指出。

從哪裏來

Web如今是一個很是熱門的話題，無論是計算機專業的仍是非計算機方向的，都嚷嚷着要學Web。從我我的的角度來看，若是您真的想學Web，起碼保證您是理工方向的。這徹底不是看不起文科生，只是大部分理工專業都會涉及計算機方向的課程，好比操做系統、編譯原理、計算機網絡、計算機組成原理等。這些課程看似沒有實際做用，但深入影響着你的編程思想。換一個角度說，你知道越多越底層的東西，越有利於你之後的發展。
Web是一個自定向下的方向，一開始你就寫HTML、CSS和Javascript，看到了炫酷的效果，可是對於背後的原理一無所知。只有一直往下學，纔會越精通。這和咱們的課程學習不一樣，學校一開始就安排計算機組成原理和C++這類課程，給了你一個自底向上的學習過程，因此一開始老是枯燥乏味的，只有學到後面纔能有樂趣，可是不少人沒等體驗到樂趣就已經放棄了。
因此，我但願全部想學習Web的同窗，一開始就要想明白，本身是否是真的對Web感興趣。若是沒有興趣，這個自頂向下的過程會讓你愈來愈枯燥，直到放棄。

該從何開始

萬事開頭難，如何快速步入正軌可能比掌握一些高級技巧更加劇要。
前端很大的一個特色是入門容易精通難，所謂容易也不是分分鐘就能學會的，我推薦按照下面的步驟去試試水。

好好把w3school上面有關HTML、CSS、JavaScript部分看兩到三遍

相信W3School是不少Web開發者的啓蒙老師，這個網站有一個好處就是標準，而且支持在線編輯，這樣可以很好鞏固每個知識點。固然，我仍是很是推薦你們一開始就去看這個網站的英文版（不幸的是英文的網站http://www.w3schools.com/貌似要FQ才能訪問，用Chrome的朋友推薦你們用紅杏這個FQ插件http://honx.in/i/VKquOX8mTlxxAR1U。）看英文好處仍是很是大的，由於等你技術成熟，想找到高級問題的解答的時候，一般都是英文問答才能知足你的需求。

一開始就應該多看書

不少初學者有一個很很差的習慣就是爲了實現某一個效果，網上查了一些demo代碼，用上了以爲很開心。這樣作很很差的一點是，即使你弄懂了demo的原理，你的知識仍是支離破碎的，沒有系統性可言。因此，一開始多看書潛意思裏面培養本身的編程思惟很重要。在這裏我想推薦一些我看過的以爲好的書。

• 《JavaScript DOM編程藝術》
  很經典的一門入門書籍，對於初學JavaScript的同窗來講仍是很重要的。建議把書本上的代碼都老老實實敲一遍，特別是最後面那個靜態網站Demo。
• 《JavaScript高級程序設計》
  一本經典到不能再經典的書。這本書有700多頁，但是我我前先後後大概看了三遍。看這麼多遍是有緣由的，第一這本書的知識點廣而淺，看完第一遍你就能夠知道JavaScript到底能幹啥；第二，這本書耐讀，隨着你對於JavaScript理解的深刻，對於這本書的理解也將深刻，你會發現這本書第4、5、6、七章大大道出了JavaScript的精華，實在是寫得好；第三，這本書對於面試仍是很是管用的，本人也是在面試前花了幾天把這本書再次過了一遍，效果很好。因此學前端的同窗都買一本實體書，好好琢磨。
• 《JavaScript權威指南》
  這本書的讚譽很高，我也有這本書的實體書，是一個朋友送的，老實說這本書我並無看不少，可是仍然建議你們好好看看，由於凡是書名中加入了指南二字的，幾乎都爲佳做。
• 《CSS實戰手冊》
  寫前端最痛苦的莫過於調CSS樣式了，本人對於CSS並無多少好感，只推薦不說話。

這遠遠不夠

老實說，即使你把我上面說的都學習了一遍，也未必可以成爲一個前端工程師，由於前端實在是太廣了，並且經驗很是重要。因此實戰比什麼都重要。
說到實戰，不少人第一感受就是，我實戰什麼？讓我作一個項目，我一開始那個水平遠遠不夠；讓我寫一個我的主頁？我好像尚未優秀的設計才華讓我以爲我作出來的主頁足夠驚豔。因而，資源成爲了很是重要的一點。咱們學校有一門課叫作Web2.0程序設計，我還有幸作了一個學期助教，感受這門課的做業仍是至關有用的，若是能好好把十屢次的做業認真作一次，前端怎麼也入門了。惋惜的是，校內資源仍是不要隨意公開好，以避免生事。
若是我沒有好的資源，在這兒說這麼多也是扯淡了。我自己在咱們學校的一個Web俱樂部，俱樂部有不少優秀資源，固然也包括培訓做業什麼的，若是你須要，能夠在評論註明你的郵箱，我會提供一些資源。

項目項目項目

項目對於任何一個工程師來說都是很是重要的，書看再多也是理論，只是實戰操做纔是王道。我剛開始作項目的時候，是跟着一個團隊寫寫簡單的頁面，儘可能跟着別人學點東西。跟着師兄師姐學東西仍是頗有好處的，以前說過，Web是偏經驗編程的，別人作得多了，天然懂得也多。
固然，很大一個問題是，項目哪裏來？這涉及到另一個話題，就是怎麼作一個不止會寫代碼的程序員。我我的認爲程序員總歸不是一條長遠的路，等到年齡增加，思惟跟不上年輕人，終究是須要轉型的，因此在轉型以前培養人際關係什麼的尤其重要。因而，項目一開始都要本身主動去找，若是你不能很好把本身推銷出去，面試的時候也很難表現良好，因此，多接觸懂技術和搞技術的人仍是很重要滴。等你技術成熟了，不須要本身去找項目，一般都是項目找上門。本人建議，在你找工做以前，怎麼都得作上五六個項目。

不僅是JavaScript

不少人誤覺得前端就是寫寫CSS和JavaScript，很簡單的，其實否則，一個合格的前端工程師須要掌握的比這個多得多。在這裏列舉一下本人簡歷上的技術棧，告訴你們前端有哪些值得掌握技術。固然這些技術絕對是皮毛。學到後面怎麼挖掘本身須要的技術纔是更重要的。

• JavaScript類庫：jQuery、Prototype
• JavaScript框架：BackBone、Vuejs、Angular.js、React.js
• CSS預編譯器：LessCss、Sass
• JavaScript模塊加載器：RequireJS、Browserify
• 項目構建工具：Grunt、Gulp
• 項目管理和協同工具的使用：SVN、Git
• 前端測試框架以及工具：Jasmine、Mocha
• 基本後端開發：NodeJS、Python
• web相關技術：MongoDB、CoffeeScript、SEO、Socket.io、Express、Tornado等

不要中止看書

上面推薦的幾本書很好，爲何不一口氣推薦完呢？理由很簡單，有些書適合初學者，有些書就只適合中高級開發者。我接下來推薦的幾本書入門者去看也看不懂，沒有足夠的編程積累，看起來也沒有那麼深的體會。

• 《JavaScript語言精粹》
  好書！若是你編寫的JavaScript足夠多，就會發現裏面字字珠璣，回味無窮。
• 《基於MVC的JavaScript Web富應用開發》
  Web前端架構級別的書，每一項技術都是目前的熱門，看上兩邊不爲過！
• 《JavaScript設計模式》
  當你作富交互的應用的時候，就會知道這本書有多管用！
• 《HTTP權威指南》
  雖然是學前端，可是若是一個前端工程師只會前端那也不叫前端工程師了。深刻理解HTTP協議對於Web性能優化很是重要，對於先後端交互也能有更好的體會。一本值得啃的書籍。

好書太多，等到了必定水平，本身發掘去吧~

總結

其實說了這麼多，也暴露了Web前端的缺點，做爲一個國內的新興職業和朝陽職業，不可能有系統級的教程，一切真心須要本身本身琢磨，我只能幫你到這兒了。若是您以爲對您有用，歡迎點個贊~