遇到很多新手，都會問，如果要學習web前端開發，需要學習什麼？難不難？多久能入門？怎麼能快速建一個網站？工資能拿到多少？還有些讓我推薦一些培訓機構什麼的要去學習。我建議是自學，實在是覺得自己沒有這個能力，確實是需要一個老師的話，那你還是自己做主找個老師吧！為什麼要自學呢，現在的老師水平都可以說是參差不平，運氣好，你遇到個好老師，把畢生的經驗和技巧都教給了你，運氣不好，遇到個照本宣科的老師，那你的知識也會僅僅侷限於教材！也許還有更糟糕的是，學到的書本知識兩年前就已經開始有了大的變化，你並不知道關於更多的web設計這方面的知識。如果在這樣的情況下，都還不如那些閉關自學的學生。

學習最好的老師就是興趣，沒有興趣而言，這條路我相信你是走不長遠的，除非你有其他比如說生活壓力，工作壓力等讓你不得不這樣堅持下去。我剛開始接觸web網頁設計的時候，教材都是以table來佈局的，看到插入table生成了很多標籤程式碼後，tr裡面一個個td，理不清楚這個裡面怎麼回事。敷衍的學習了一個學期。還是沒學到什麼。真正學到的還是停留在怎麼新建，怎麼儲存。

我還是要推薦下我自己建立的web前端資料分享群606721798，這是web前端學習交流的地方，不管你是小白還是大牛，小編都歡迎，不定期分享乾貨，包括我整理的一份適合零基礎學習web前端的資料和入門教程。

如果你還是在校學生，那你得好好上課，大學的教材普遍來講都是知識面淺的。雖然很多知識看起來用處不大，學起來也很枯燥，讓你覺得浪費時間。但這些書本上最基礎的知識你都不能掌握，那你以後怎麼追求更精湛的技術呢。所以不要逃課，把基礎知識掌握了，別小看這個基礎知識，它非常重要，基礎紮實是否也會決定你在一個職業能走多遠。

我是畢業了後從文員轉到編輯再到技術員當然這期間工資就像是階梯一樣，雖然這差距也不是很大，都離不開那些曾經被我遺落角落的專業課本。生活上的壓力迫使我這樣做，我知道自己要什麼，當一個文員沒有追求，感覺過著30、40歲人的生活，接電話、發email、整理報表，每個月都有白領的工資...浪費的不僅僅是自己的青春，還有這大學幾年昂貴的學費。後來就愈來愈想掌握一門技術，想去培訓學校學習一段時間，但是現實是我沒有錢，閉關一個星期，重拾課本，再看看那些討厭的table，雖然out了，但是確實會發現很多基礎再基礎不過的東西，利用網際網路，不明白的就百度，作為一個過來人，我覺得我自己走了不少彎路，所以，有必要提醒你們一下，一定要明確自己的目標，擺正自己的位置，最好掌握一門技術。

瞭解web前端

Web前端開發是從網頁製作演變而來的，名稱上有很明顯的時代特徵。在網際網路的演化程序中，網頁製作是Web1.0時代產物，那時網站的主要內容是靜態的，使用者使用網站的行為也以瀏覽為主。2005年以後，網際網路進入Web2.0時代，各種類似桌面軟體的Web應用大量湧現，網站的前端由此發生了翻天覆地的變化。網頁不再只是承載單一的文字和圖片，各種富媒體讓網頁的內容更加生動，網頁上軟體化的互動形式為使用者提供了更好的使用體驗，這些都是基於前端技術實現的。說得直白點就是美工photoshop，互動設計，flash，js，html+css。就小規模公司而言，一個技術員都得會這幾樣技能，這樣很鍛鍊人的，慢慢的你就會成為公司的主力。大規模的公司把這些分得很細，所以，你可以精通一門，熟悉其他的，進軍大公司。

網頁開發工具

學習web前端開發，網頁開發工具有FrontPage，會用 Word 的人很容易學會FrontPage。還有一個常用的是Dreamweaver。這兩種都是使用最多的HTML網頁製作工具，我使用的是Dreamweaver cs6,因為這套軟體提供了一套直觀的可視介面，融合了html5一些新的內容。包括網格佈局什麼的。

學習內容

HTML、CSS和JavaScript。html是內容，css是表現，javascript是行為。前端開發的門檻其實非常低，與伺服器端語言先慢後快的學習曲線相比，前端開發的學習曲線是先快後慢。所以，對於從事IT工作的人來說，前端開發是個不錯的初入點。也正因為如此，前端開發的領域有很多自學成“才”的同行。html是最基礎的，現在流行的是html5設計，先學會網頁佈局。css是用來美化html頁面的為頁面提供佈局和格式。最後再學javascript。如果你把每天看電影、看電視劇的時間用來學習，我想一個星期入門是沒有問題的。

基礎知識：

1. html + css。這部分建議，邊學邊練。之後可以模仿一些網站做些頁面。理解css每個元素的屬性，樣式的實現不一定只有一種寫法，多想一想還有沒有什麼需要改進的地方。

2、JavaScript。不是所有的網頁都必須有js，但是要想實現一些超酷的功能和介面的時候，就需要涉及到js。如果沒有其他程式語言的基礎的話，學起來可能要費些力，還是建議先在 w3school上學習。之後建議馬上看《javascript語言精粹》

3、Photoshop、flash。熟悉會一點兒就行了，沒必要全部都學得精通，當然如果你在學習的過程中，發現你ps或者flash比較感興趣的話，也可以嘗試做美工這一行。

4、html5和css3。可以先了解一下，然後再入手。畢竟IE的瀏覽器大多還不支援。

5、瀏覽器相容。懂web標準，熟練手寫 xhtml css3 並符合 符合w3c標準。程式碼能相容主流瀏覽器Firfox，Chrome、Safari、IE、Opera。雖然IE6很多都不相容，但現在還使用的人還是有的。

6、熟悉一門後臺程式語言 asp、php、jsp等

web前端設計師前景

遇到很多想換行的朋友，第一句就問，這行賺錢嗎？我相信一句話，沒有付出，是沒有回報的！前面已經說過了，咱們這行門檻是很低的，所以薪資階段也不一樣。2000初入這行的現在還普遍，工作經驗2年以上，有很多代表性作品的時候，工資在4000左右；高手級別的估計在6000左右，大師級別這個階段的薪資參考：10000以上(上海北京深圳為例)網頁設計師課程一般包括：Photoshop、Fireworks、使用者介面設計實操，xhtml、css、dreamweaver、網站架構與網站策劃、flash動畫製作，域名與空間、ftp、dhtml、javascript、動態互動網站(asp、php、aja)