本科生如何系統地學習前端開發？

說一下我我的理解跟建議，僅供參考

第一步，先看一本前端入門的書＋《Javascript權威指南》：前端入門的書隨便哪本都行，主要是瞭解一下前端HTML + CSS + Javascript大體是怎麼回事，有個概念，腦海中留個大體輪廓就好，非要推薦的話，能夠看看《HTML5權威指南》，Apress的書都還不錯。入門以後，啃一下《Javascript權威指南》這本JS中的聖經，傳說中的犀牛書。成爲一個優秀的前端工程師的充要條件是什麼我不知道，但我以爲至少完完整整的啃過一次犀牛書確定是一個必要條件。這一步完成就算入門了吧。

第二步，練習實踐打代碼：若是有課程大做業的話，能夠好好作作不要划水。要是沒有的話，能夠在Website Templates上找幾個模版，本身實現一下它的樣式和動效，練一下手。以後能夠嘗試着去接一些外包作作，或者在老師的實驗室、學校的組織社團裏作一些這方面的前端coding的工做。總得來講，就是要練手。說實在的，前端不少的工做搬磚性質挺強的，因此無它，惟手熟爾。我的建議，第二步能夠在犀牛書看到12章左右的時候，就開始了。這一步走了大半年能算上道了吧。

第三步，在實踐的過程當中學習各種流行的庫、框架和工具：打代碼的過程當中，總會接觸到一些庫啊，框架啊，工具啊等等，有的是由於忽然感受效率不高，而後本身找了一些用，有的是由於某個項目或者工做裏要求使用某些庫和框架。在這種時候，建議不要經過書或者視頻來學習這些庫和框架，而是經過他們的官方文檔來進行學習。緣由有三點，首先，由於前端的發展很快，緊跟腳步仍是滿重要的，書和視頻這種東西都有滯後性，等好的書和視頻都出來了，說不定就已經流行大半年了。其次，就是其實書和視頻中所講的全部內容，其實基本上都能從這些庫和框架中的官方文檔中找到，因此學會經過文檔來學習纔是真正一勞永逸的正確姿式。最後，看文檔實際上是一個使用工具的過程，不管什麼語言、框架和庫，記住全部細節顯然是不太現實的，學會如何快速的利用文檔回憶或者查找相關的技術點也是做爲一個優秀工程師必備的技能。第三步能夠和第二步同時進行。另外建議庫和框架有的能夠會用就行，沒必要深究，可是有些優秀的、流行的仍是能夠好好學一下，深挖一下，好比jQuery，Angular，React，Bootstrap，Pure，Ionic，Framework7等等。這幾個都能用得熟練的話，算得上合格了吧。

第四步，學習研究一些優秀庫和框架的源碼、實現與思想：庫和框架說到底都是工具，用多了，做爲一個有追求的、好奇的工程師，總歸會想研究一下這個工具的源碼、實現和其設計思想，在這個過程當中，你能夠閱讀上世界上最優秀的前端程序員寫的代碼和使用的設計思想，對你本身的姿式水平提高會有很大的幫助。以前在阿里面試的時候，二面的leader建議我若是想看源碼的話，能夠看看雅虎的YUI，是一個很是學院派的庫。固然看看jQuery確定也沒問題，挺好的。可是不建議一會兒就看Angular，React這種這麼大而全的框架，能夠深究一下總體的設計思想和部分部件的源碼吧。這一步搞了大半年的話，算得上一個優秀的前端工程師了。

第五步，嘗試加入一些開源庫和框架的工做：研究多了，總會感受某些框架或者某些庫有些小瑕疵，想本身試試。或者以前本身常常寫的一些樣式和功能想抽象出來，弄出一個通用的組件和庫什麼的。這個過程，俗稱造輪子。可能不必定造出的輪子比現有的好，可是在這個過程當中，你會漲不少姿式水平，並且造着造着，誰不定就能造出一個你們都喜好用的輪子。達到這一步，我以爲你能算得上一個大牛級別的前端工程師了。

第六步，加入頂級庫、框架的核心開發組或者研究、開發語言自己：這一步徹底不瞭解，能夠做爲一個目標，我的感受到了這一步，能夠算的上前端中的大神了。例如以前在新浪，如今在鏈家的鳥哥，是PHP的核心開發組成員，這種級別，足以稱得上大神。

其餘：

1. 構建工具推薦使用grunt＋npm＋bower

2. 編輯器推薦使用sublime，IDE推薦使用webstorm

目前企業招聘前端工程師的基本需求：

1.精通DIV+CSS網頁框架佈局的HTML代碼編寫，熟悉W3C標準；

2.使用HTML5/CSS3熟練地進行頁面開發；

3.具有良好的前端架構分析能力與設計能力，與開發團隊保持良好溝通；

4.精通各主流瀏覽器（IE6+、Firefox、Chrome、Safari）間的差別性，能快速定位和解決各類兼容難題；

5.熟悉JavaScript、Ajax、Flash、JQuery、ExtJS等各類Web前端開發技術，具有必定的跨瀏覽器開發經驗；

6.熟悉Vue，react我目前是在職前端開發，若是你如今也想學習前端開發技術，在入門學習前端的過程中有碰見任何關於學習方法，學習路線，學習效率等方面的問題，你均可以申請加入個人前端學習交流裙：前面：603 中間：985 最後：993。裏面彙集了一些正在自學前端的初學者裙文件裏面也有我作前端技術這段時間整理的一些前端學習手冊，前端面試題，

前端開發工具，PDF文檔書籍教程，須要的話均可以自行來獲取下載。