前端學習大抵可分解為三個階段，包括：起步階段、提升階段、成型階段。這三個階段分別對應著不同的目標：

 

　　起步階段

 

　　1、基本知識的掌握

 

　　在我們梳理的知識架構中，按照我們分析的兩個維度里最前置的、最淺顯的部分，作為打基礎的階段，必須要在這個過程中更多投入到實踐中去，我們通常做的多了、熟練了，就認為這部分知識和內(nèi)容掌握了。

 

　　2、常用工具的掌握

 

　　對于常用工具的掌握應該掌握一些有大公司或專業(yè)團隊背景的流行工具，這些工具的熟練掌握能夠提升專業(yè)度、職業(yè)度，同時，能提升我們的工作效率。我們只有在 檢驗自己對于知識和技能熟練程度的時候，才會自虐式的用Notepad去編寫頁面、css和腳本等內(nèi)容。

 

　　3、溝通技巧的掌握

 

　　通常做技術的人會被定位為“不善溝通”的人，這是為什么呢?究其原因，主要是因為多跟程序和代碼打交道，跟人的溝通較少導致。這種時候我們要特別注意增加 和人溝通的機會，著重提升這塊兒的能力。另一方面，我們通常被稱為“不懂溝通技巧”的人。作為一個技術人員，包括我自己，似乎天生就有一些難以接受挑戰(zhàn)的 缺陷。在國內(nèi)，我們的技術人員通常都是自己制定方案、自己執(zhí)行方案，在執(zhí)行過程中又缺乏相關產(chǎn)品、交互設計等人員的溝通，大多是在自己的思路貫徹下進行開 發(fā)，久而久之，我們習慣于信任自己的觀點、在自己的視角看問題，對于挑戰(zhàn)總是百般地“據(jù)理”力爭。我們需要更多提升的是，如何在對方的視角看問題、如何在 用戶的視角看問題。

 

　　4、良好的開發(fā)習慣

 

　　開發(fā)習慣是養(yǎng)成的，一旦有不好的習慣，對于將來去修正帶來的將是很大的麻煩，我們在培養(yǎng)良好開發(fā)習慣一定要從起步時做起，例如：寫代碼之前先分析、先寫文 檔、先寫注釋。定義變量最好能用直接可理解的語義，最好是拼音，別整英文，尤其是生僻單詞，將來自己忘了還要開金山詞霸。文件最好有有意義的文件夾命名來 管理，文件名最好有意義，需要版本號的最好能和項目版本號一同更新……等等。

 

　　提升階段

 

　　1、高級技術的掌握

 

　　在提升階段對于知識和技能掌握，我們需要從梳理好的知識架構中選擇更深一層次的技術進行學習，選擇之前，我們先通過類比或預估的方法，衡量自身學習的難點，以學習難點和自己最不感興趣的部分為主。這樣推薦大家的原因是：這個階段我們興趣正濃，已經(jīng)度過了苦澀的起步階段，到達了興奮的提升階段，我們要用興趣和興奮去挑戰(zhàn)最困難的部分，在我們信心受挫和興趣濃厚之中找到平衡。同時，輔以其他的深層次知識一起學習和研究。

 

　　2、產(chǎn)品思想的學習

 

　　沒有正確的產(chǎn)品思想，很難設計出良好的程序，無論從界面、交互，還是接口、邏輯，不能夠理解產(chǎn)品、理解用戶需求，我們會給自己造成很大的麻煩，例如：我們 千辛萬苦用最新技術、最復雜的實現(xiàn)做出的功能，卻得不到使用者或領導、同事的認可。為了使我們的工作和學習更加有效率、避免無用功，我們需要不斷的學習產(chǎn) 品的思想，只有理解了產(chǎn)品的思路，我們才知道用我們的技術去輸出什么。

 

　　3、各種框架的學習

 

　　框架是我們提高工作效率的優(yōu)秀手段，對于框架的學習是成長必經(jīng)之路。我們學習框架的路線通常應該是：使用——》分析——》個性化定制——》模仿編寫自己的框架。只有大量的使用，才能明白設計框架者在設計背后的思路，只有了解到設計的思路，才能做正確全面的分析，只有正確全面的分析才能支撐我們?nèi)ζ洳眉艋?擴展，只有經(jīng)過實際分析、修改別人的框架，才有可能寫出優(yōu)秀的、自己的框架。學習通常的路線是：學習、理解、模仿、創(chuàng)造。

 

　　4、富客戶端應用的學習

 

　　隨著帶寬和計算機性能的提升，以及WEB2.0的如火如荼，富客戶端應用充斥著互聯(lián)網(wǎng)，如果你不懂得富客戶端應用，你就不能稱之為一個合格的前端技術人 員。可以按照：Flash動畫—>Flash編程—>Flex—>Air—>Silverlight動畫—>Silverlight編程 的步驟學習，先學Flash后學Siverlight的原因，一來Silverlight還不太成熟，二來，實際Silverlight借鑒了很多 Flash的思想，最好在學習的時候不要本末倒置。

 

　　5、各種網(wǎng)絡協(xié)議的學習

 

　　WEB前端技術就是云上的技術，云的協(xié)議有N種，我們應該著重學習：TCP/IP，UDP，HTTP，POP3，SMTP這幾種協(xié)議，在開發(fā)WEB前端應 用過程中，這些協(xié)議是我們的技術的載體，有時候決定了我們的應用是否能實現(xiàn)、有時候決定了我們的應用是否高性能，同時，這些協(xié)議還是我們和后端技術交互的 重要手段，這些協(xié)議就像是密碼字典，幫助我們把后端傳輸過來的密文解釋成我們前端技術能夠理解的明文。

 

　　6、程序設計

 

　　這個階段我們需要學習OO、UML、設計模式、設計方法……，我們要讓技術開發(fā)工作變成有目的性、有計劃性，并且，這些目的和計劃必須有理論的支持，這 樣，我們設計出來的程序才能夠更優(yōu)秀、我們的開發(fā)才更有效率，這樣，我們的技術才能有所提升。