Web前端算是一個剛興起來的行業，所以經常會和網頁制作混為一談。一個合格的web前端需要掌握的技能是很多的，甚至需要會一門后臺開發語言。就我個人理解而言，要走web前端這條路，分為3個階段。

初級階段，和網頁制作是一樣的要求，拿來設計圖，能夠快速高效的變成html網頁，并且保證寫出來的頁面能夠兼容IE6-IE9，chrome,360，火狐等主流瀏覽器。這個階段看似很容易達到其實并不簡單，因為寫出頁面很容易，但是要寫出簡潔、高效、結構清晰的頁面卻并不容易，需要經驗的積累，慢慢知道哪一種結構是最佳的，最省代碼的。更要知道哪一種寫法是最方便程序人員開發的，例如可以用<ul><li></li></ul>的，就不要寫成div的，能夠循環的，就不要去單獨一個一個的定義。

中級階段，當你已經可以制作出兼容性比較好代碼量比較少的頁面之后，就需要考慮，怎么樣讓你的頁面生動起來，可以跟用戶有一個交互的過程，讓你的網頁變得更加活潑。這個時候就需要接觸Javascript和Jquery了，它們可以讓你的網頁體現出更多的動態效果，比如說點擊一個按鈕，會觸發一個彈窗，選擇一個頭像，圖片會跟著隨之改變，鼠標滑過圖片會有大圖的提示等，這些效果都是可以為你的網頁加分的。這個階段學好了，你的網頁會有一個質的飛躍，從簡簡單單的死氣沉沉變成活潑的能夠和用戶交互的頁面。

高級階段，掌握了上面那些，其實就已經很厲害啦，如果想要進階成為高手，那么前端人員還需要懂一些數據庫和AJAX方面的知識，并且最好能夠掌握一門后臺語言，這樣能夠更好的和技術人員配合。

當然，作為一個web前端人員，也是需要懂一些基礎的PS、Fireworks等，雖說咱不是專業的美術設計，但是起碼要做到臨時出個頁面設計個網站，做個banner廣告不在話下。因為前端是離用戶最近的，能夠參與到頁面的設計可以更好地了解用戶的需求，了解產品的特點，讓自己全方位發展。如果能會一些SEO會更好嘍！希望自己也能夠朝著高級web前端一步一步的邁進！

原文鏈接：http://www.w3cfuns.com/thread-5594009-1-1.html

【編輯推薦】

1. Web開發框架之權限管理系統
2. 51CTO專訪嗷嗷：WEB前端性能優化問題
3. Web前端：11個讓你代碼整潔的原則
4. Yahoo前端優化十四條軍規
5. 淺談前端開發的水有多深