Web前端學習筆記，詳細的Web前端學習路線圖
資深Web前端開發經驗者告訴你如何零基礎學習Web前端！
- Web前端是做什麽的？
學習之前很多人對網頁設計、UI、網頁制所盒Web前端的概念很混淆。網頁設計是指運用一些軟件對網站進行美化，解決“好看”的問題;UI是指人與界面互動的優化，解決“舒適”的問題;網頁制作著重PC端網頁制作;而Web前端包括PC端和移動端的前端界面制作。
- Web前端的基礎技能及工作職責是什麽？
愛它就要更深入了解它，學習Web前端就要清楚地知道Web前端工程師需要什麽基礎技能及其工作職責。其實，這“很簡單”，只要你精通HTML+css(包括現在的HTML5+CSS3)、JavaScript、JQuery，了解界面設計，了解後端編程，服務器知識+後端語言基礎。
- 如何學Web前端？
終於說到如何學習Web前端了。學Web前端可以看著學習路線圖用以下的學習方法。
null
1)html+css。這部分可以結合視頻教程邊學邊練。過一遍後模仿一些網站做頁面。學完基礎後，可以仿照電商網站（例如京東、小米）做首頁的布局。
學習這部分，×××武漢Web前端培訓小編整理出的可以參考的書單是：
《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》
null
以上就是本文的總結，說了很多東西希望可以對你有幫助。但是不想當裁縫的司機，不是個好廚師，撐起Web前端開發的一片天空需要十八般武藝，需要走一條很長的路，貴在堅持下去，不求健步如飛，但求一步一腳印。下面再給大家一份我們的Web前端學習筆記希望對大家學習前端有所幫助：
Web前端學習筆記，學習路線圖，完整前端自學教程+工具+框架
前端開發軟件：工具篇-前端開發工具
WebStorm 前端開發神器下載
Sublime Text 下載+全套快捷鍵
常用編輯器Editplus下載
編碼必備：Adobe Dreamweaver CC下載
編輯利器：Atom下載
免費編輯器Brackets下載
fontawesome離線文檔
YII框架軟件下載
數據庫客戶端軟件navicat下載
集成環境軟件WampServer下載
抓包工具Httpwatch下載
文件及目錄對比神器Beyond Compare下載
nodejs
工具篇-前端流行框架
angular-1.5.8離線文檔
react
ionic-1.x離線文檔
Bootstrap在線文檔
vue離線文檔
工具篇-前端手冊
html5參考手冊 api 下載
CSS2.0中文參考手冊 api 下載
CSS3.0中文參考手冊 api 下載
css3.4 API 中文樣式表手冊下載
CSS4.0中文參考手冊 api 下載
JavaScriptJavaScript參考手冊
javascript權威指南
JavaScript中文教程
JavaScript中文手冊api下載
jQuery1.11.0_中文
jQuery api 1.8 中文（離線）版下載
BootstrapBootstrap中文api參考手冊
Bootstrap-v3.3.5中文api
Bootstrap3.2.0中文文檔
Zepto中文api參考手冊
AngularJS中文api離線參考手冊
MYSQL手冊
DOM手冊
w3school api文檔下載
seajs離線文檔
Web前端學習筆記，詳細的Web前端學習路線圖