204
前端係統學習——前端學習路線
先附上一張網上廣為流傳的前端知識體係圖：前端知識體係
從大圖中我們總結出：
優秀的Web前端開發工程師 要在知識體係上既要有 廣度 和 深度！應該具備快速學習能力。
前端開發工程師 不僅要掌握基本的Web前端開發技術，網站性能優化、SEO和服務器端的基礎知識，而且要學會運用各種工具進行輔助開發以及理論層麵的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等。
如果你想學習前端可以來這個群學習，中間是291，中間是851，最後是189，裏麵可以學習交流，也有資料可以下載。
前端工程師至少都要滿足四類客戶的需求：
- 1、產品經理。這些是負責策劃應用程序的一群人。他們會想出很多新鮮的、奇怪的、甚至是不可能實現的應用。一般來說，產品經理都追求豐富的功能。
- 2、UI設計師。這些人負責應用程序的視覺設計和交互模擬。他們關心的是用戶對什麼敏感、交互的一貫性以及整體的好用性。一般來說，UI設計師侯傾向於流暢靚麗、但並不容易實現的用戶界麵，而且他們經常不滿前端工程師造成 1px 的誤差。
- 3、項目經理。這些人負責實際地運行和維護應用程序。項目管理的主要關注點，無外乎正常運行時間、應用程序始終正常可用的時間、性能和截止日期。項目經理追求的目標往往是盡量保持事情的簡單化，以及不在升級更新時引入新問題。
- 4、最終用戶。指的是應用程序的主要消費者。盡管前端工程師不會經常與最終用戶打交道，但他們的反饋意見至關重要。最終用戶要求最多的就是對個人有用的功能，以及競爭性產品所具備的功能。
好了，列舉了這麼多…… 你真的還想學前端麼？不後悔吧？ 如果真的做好了準備的話，哈哈，那我們就一起享受學習前端的樂趣吧！
一、基礎
想成為前端開發者應該先打好基礎：
HTML > CSS > JavaScript> jQuery >。。。> GitHub
不要擔心以後會做什麼決策，先好好深入學習。
在增值的方向上投資自己，才是最明智的。
學習了HTML、CSS就可以實現一些靜態頁麵，不隻是簡單的靜態頁麵，應該是稍微複雜一些絢麗一點的頁麵。
推薦書籍：《CSS禪意花園》
二、JS
JS可以跟著以下幾張思維導圖學習（聽說是一位名為“王子墨”的大師做的圖）：學習 Javascript 首先要知道這門語言可以做什麼，不能做什麼，擅長做什麼，不擅長做什麼！
1.JS變量
2.JS運算符
3.JS數組
4.JS流程語句 
5.JS字符串函數
6.JS函數基礎
7.JS基礎DOM操作
8.JS正則表達式
9.JS數據類型
深入了解Javascript，需要了解 Javascript 的原理，機製；需要知道他們的本源；需要深刻了解 Javascript 基於對象的本質；還需要深刻了解瀏覽器宿主下 的 Javascript 的行為、特性。他也有很多缺點，各個宿主環境下的行為不統一、內存溢出問題、執行效率低下等問題，需要深入了解、學會處理這些缺陷。
推薦書籍：
- 初級：
- 《JavaScript高級程序設計》
- 《JavaScript王者歸來》
- 中級：
- 《JavaScript權威指南》
- 《JavaScript.The.Good.Parts》Douglas Crockford
- 《高性能JavaScript》：Nicholas C. Zakas
- 《Eloquent JavaScript》
- 高級：
- 《JavaScript Patterns 》
- 《Pro.JavaScript.Design.Patterns》講解JavaScript設計模式
- 《Developing JavaScript Web Applications》：構建富應用的好書，針對MVC模式有較為深入的講解，同時也對一些流程的庫進行了講解。
三、後端語言 - 《JavaScript權威指南》
- 《Developing Large Web Applications》：不僅有JavaScript方麵的介紹，還有CSS、HTML方麵的介紹，但是介紹的內容卻都非常不錯，真正考慮到了一個大型的Web程序下，如何進行JavaScript架構設計，值得一讀。
- 《高性能網站建設指南》
- 《Yahoo工程師的網站性能優化的建議》
- 《網站重構》
- 《Web開發敏捷之道》
最好的資料就是某項技術的官方SDK，一般技術都有文檔，API，Quick Start，Guide，Tutorial，Demo，Example……結合書看效果最好。
其他：
- “YSLOW”性能優化建議
- “ jQuery 庫”
- “前端框架”
- “HTML5”
- “CSS3” 深入研究
- 前端學習交流QQ群：328058344
這兒還有不知道自己何時收藏的“前端有關的語言”:
最後更新：2017-09-25 10:03:15