前端學習路線 ①

好的文章是拿來分享的
轉載出處： https://blog.csdn.net/forever...

優秀的Web前端開發工程師 要在知識體系上既要有 廣度 和 深度！應該具有快速學習能力。

前端開發工程師 不只要掌握基本的Web前端開發技術，網站性能優化、SEO和服務器端的基礎知識，並且要學會運用各類工具進行輔助開發以及理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等。

前端工程師至少都要知足四類客戶的需求：
　　一、產品經理。這些是負責策劃應用程序的一羣人。他們會想出不少新鮮的、奇怪的、甚至是不可能實現的應用。通常來講，產品經理都追求豐富的功能。
　　二、UI設計師。這些人負責應用程序的視覺設計和交互模擬。他們關心的是用戶對什麼敏感、交互的一向性以及總體的好用性。通常來講，UI設計師侯傾向於流暢靚麗、但並不容易實現的用戶界面，並且他們常常不滿前端工程師形成
1px 的偏差。
　　三、項目經理。這些人負責實際地運行和維護應用程序。項目管理的主要關注點，無外乎正常運行時間、應用程序始終正常可用的時間、性能和截止日期。項目經理追求的目標每每是儘可能保持事情的簡單化，以及不在升級更新時引入新問題。
　　四、最終用戶。指的是應用程序的主要消費者。儘管前端工程師不會常常與最終用戶打交道，但他們的反饋意見相當重要。最終用戶要求最多的就是對我的有用的功能，以及競爭性產品所具有的功能。

1、基礎

想成爲前端開發者應該先打好基礎：

HTML > CSS > JavaScript > jQuery >...> GitHub

不要擔憂之後會作什麼決策，先好好深刻學習。 
在增值的方向上投資本身，纔是最明智的。

學習了HTML、CSS就能夠實現一些靜態頁面，不僅是簡單的靜態頁面，應該是稍微複雜一些絢麗一點的頁面。

推薦書籍：《CSS禪意花園》

2、JavaScript

JavaScript能夠跟着如下幾張思惟導圖學習：學習 Javascript 首先要知道這門語言能夠作什麼，不能作什麼，擅長作什麼，不擅長作什麼！

1. 變量

2.運算符

3.數組

4.流程語句

5.字符串函數

6.函數基礎

7.基礎DOM操做

8.正則表達式

9.數據類型

10.Windows對象

深刻了解Javascript，須要瞭解 Javascript 的原理，機制；須要知道他們的本源；須要深入瞭解 Javascript 基於對象的本質；還須要深入瞭解瀏覽器宿主下 的 Javascript 的行爲、特性。他也有不少缺點，各個宿主環境下的行爲不統1、內存溢出問題、執行效率低下等問題，須要深刻了解、學會處理這些缺陷。

推薦書籍：
　　初級：
　　《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模式有較爲深刻的講解，同時也對一些流程的庫進行了講解。

3、後端語言

若是單純只是學習前端編程語言、而不懂後端編程語言（Java、PHP、ASP.NET，JSP、Python），也不能算做是優秀的前端工程師。

4、學習方法建議

1.限制一次學習的量，而且不斷地實踐——實際編寫代碼。
舉個例子：就像學習數據結構同樣，我有個同窗A學習數據結構單純的把書帶到圖書館去看，我問A爲何不帶電腦，A回答說光是看就已經看不懂了。能發現問題麼？有時候咱們可能看不懂代碼，可是動手敲一遍可能會更認真的跟着代碼的思路走一遍，在運行出來結果或者跟着調試的時候
纔會恍然大悟！喔喔！原來是這個樣子的！同窗A數據結構學了好幾遍都沒有學好，而另一個同窗B卻對數據結構十分熟悉、筆試面試幾乎難不倒他，他跟我分享學習經驗的時候就告訴我，必定要動手敲！並且不止要敲一遍！
——這也是不少人會走彎路，而不少人只會走捷徑的關鍵。

2.用正確的心態去作練習，當成玩耍或者遊戲。

3.寫代碼的時間魔法，先告訴本身只寫10分鐘，然而就會陷進去乃至一下午。

4.思考得更慢，學得更快。就像你在去理解別人的代碼的時候同樣，不要漏掉任何一行！

5.首先用簡明的語言來寫複雜的代碼。這是一種鍛鍊！

6.按期定目標，天天都看看，想一想，保持敏感、緊迫感、期待感。

7.記筆記：

學習過程當中蒐集的資源連接；
遇到的未決的疑問；
那些很寬而咱們用的很窄的知識點；
那些能進一步深刻而咱們淺嘗輒止的知識點；
某個功能可能存在的其它實現方案的蛛絲馬跡

還有些好書：
《Developing Large Web Applications》：不只有JavaScript方面的介紹，還有CSS、HTML方面的介紹，可是介紹的內容卻都很是不錯，真正考慮到了一個大型的Web程序下，如何進行JavaScript架構設計，值得一讀。　
《高性能網站建設指南》
《Yahoo工程師的網站性能優化的建議》
《網站重構》
《Web開發敏捷之道》
　　最好的資料就是某項技術的官方SDK，通常技術都有文檔，API，Quick Start，Guide，Tutorial，Demo，Example……結合書看效果最好。

有經驗的人，新學一門技術，就要努力放空本身，讓本身歸零，這樣會比較容易學進去，堅持下來。堅持最重要！