前端就是後臺實現和視覺表現的橋樑，是貫穿在整個產品開發過程的紐帶，起到承上啟下的作用，一個好的前端工程師他能夠很好理解產品經理對用戶體驗的要求，也能夠很好地理解後臺工程師對數據邏輯，或者程序邏輯進行分離的要求，並將這些要求轉化成前臺的開發工作。前端就是網站的門面，它的價值遠大於 其他的客戶端開發。在移動互聯網時代，相信我們每個人的手機上都裝有數十個APP，這些APP的開發其實也和當下熱門的Web前端開發息息相關。隨著Web前端的飛速發展，學習Web前端的人員也是越來越多。想學好Web前端，首先要了解的是Web前端是做什麼，它要學的技能，學完有沒有前途？瞭解清楚這些問題，對比學習Web前端也是事半功倍。下面，我們先來了解一下這些問題。
1. Web前端是做什麼的？
學習之前很多人對網頁設計、UI、網頁制所盒Web前端的概念很混淆。網頁設計是指運用一些軟件對網站進行美化，解決“好看”的問題;UI是指人與界面互動的優化，解決“舒適”的問題;網頁製作著重PC端網頁製作;而Web前端包括PC端和移動端的前端界面製作。
2. Web前端的基礎技能及工作職責是什麼？
愛它就要更深入瞭解它，學習Web前端就要清楚地知道Web前端工程師需要什麼基礎技能及其工作職責。其實，這“很簡單”，只要你精通HTML+css(包括現在的HTML5+CSS3)、JavaScript、JQuery，瞭解界面設計，瞭解後端編程，服務器知識+後端語言基礎。
3. 如何學Web前端？
終於說到如何學習Web前端了。學Web前端可以看著學習路線圖用以下的學習方法。
1)、html+css。這部分可以結合視頻教程邊學邊練。過一遍後模仿一些網站做頁面。學完基礎後，可以仿照電商網站（例如京東、小米）做首頁的佈局。
學習這部分，小編整理出的可以參考的書單是：
《Head first HTML&CSS》好入門，將教學視頻結合此書
《CSS權威指南(第三版)》有時間反覆看，類似犀牛書
《圖解CSS3：核心技術與案例實踐》前幾本停留在CSS2.1,2.1是基礎
《CSS禪意花園》大牛所寫，精粹
2)、JavaScript。學習一些基本語法和定義，然後看書，實踐。包括：作用域和閉包、this和對象原型等。JS語法永遠是面試中最重要的部分。
這部分是重點及難點，我參考的書單是：
《JavaScript DOM編程藝術》(第二版)好入門，最新2010版
《JavaScript高級程序設計》(第三版)Zakas
《JavaScript權威指南》犀牛書
《JavaScript語言精粹》老道所寫，稍微入門以後看，瞭解中高級概念
3)學習一些後端編程，比如Jquery。
可以參考的書有：《JavaScript&Jquery交互式Web前端開發》、《鋒利的Jquery》
以上就是本文的總結，說了很多東西希望可以對你有幫助。但是不想當裁縫的司機，不是個好廚師，撐起Web前端開發的一片天空需要十八般武藝，需要走一條很長的路，貴在堅持下去，不求健步如飛，但求一步一腳印。下面再給大家一份我們的Web前端學習筆記希望對大家學習前端有所幫助：
閱讀更多 攻城獅之友 的文章
