想要學習前端開發，必須要了解前端：
Web前端開發是從網頁制作演變而來的，名稱上有很明顯的時代特征。在互聯網的演化進程中，網頁制作是Web1.0時代產物，那時網站的主要內容是靜態的，用戶使用網站的行為也以瀏覽為主。2005年以後，互聯網進入Web2.0時代，各種類似桌面軟件的Web應用大量湧現，網站的前端由此發生了翻天覆地的變化。網頁不再只是承載單壹的文字和圖片，各種富媒體讓網頁的內容更加生動，網頁上軟件化的交互形式為用戶提供了更好的使用體驗，這些都是基於前端技術實現的。說得直白點就是美工photoshop，交互設計，flash，js，html+css。就小規模公司而言，壹個技術員都得會這幾樣技能，這樣很鍛煉人的，慢慢的妳就會成為公司的主力。大規模的公司把這些分得很細，所以，妳可以精通壹門，熟悉其他的，進軍大公司。
網頁開發工具：
學習web前端開發，網頁開發工具有FrontPage，會用 Word 的人很容易學會FrontPage。還有壹個常用的是Dreamweaver。這兩種都是使用最多的HTML網頁制作工具，我使用的是Dreamweaver cs6,因為這套軟件提供了壹套直觀的可視界面，融合了html5壹些新的內容。包括網格布局什麽的。看書的話推薦：js入門經典等。
基礎知識：
1. html + css。
2、JavaScript。不是所有的網頁都必須有js，但是要想實現壹些超酷的功能和界面的時候，就需要涉及到js。如果沒有其他編程語言的基礎的話，學起來可能要費些力，還是建議先在 w3school上學習。
3、Photoshop、flash。熟悉會壹點兒就行了，沒必要全部都學得精通，當然如果妳在學習的過程中，發現妳ps或者flash比較感興趣的話，也可以嘗試做美工這壹行。
4、html5和css3。可以先了解壹下，然後再入手。畢竟IE的瀏覽器大多還不支持。
5、瀏覽器兼容。懂web標準，熟練手寫 xhtml css3 並符合 符合w3c標準。代碼能兼容主流瀏覽器Firfox，Chrome、Safari、IE、Opera。雖然IE6很多都不兼容，但現在還使用的人還是有的。
6、熟悉壹門後臺編程語言 asp、php、jsp等
學習前端，需要幾個步驟呢？下面，我們以選取前端工程師的學習路線（壹部分）為例，給大家看看前端的學習方法：