先給前端工程師的工作下個一句話定義：運用前端技術(shù)，實現(xiàn)體驗的良好傳達。如果在前面加上 Web，那么是針對 Web 這個領(lǐng)域的，主要是互聯(lián)網(wǎng)，也可以將移動通信網(wǎng)絡(luò)和其他傳媒網(wǎng)絡(luò)（比如IPTV）包含在內(nèi)，因為其理念是一致的。我現(xiàn)在就是做的web前端的工作，月薪7000+。只要你有技術(shù)在手，走到哪都有前途，如果你不懂web網(wǎng)頁制作前端方面的技術(shù)，你可以來這個群來一起學(xué)習(xí)的。這個的第一組數(shù)字是431，第二組數(shù)字是011，第三組數(shù)字是879。就是這個的三組數(shù)字結(jié)合就可以找到我們的。這里每天都有web網(wǎng)頁制作的課程，高手一起學(xué)習(xí)。互聯(lián)網(wǎng)時代有技術(shù)就等于有出路。前途自然也就無可限量?，F(xiàn)在要在未畢業(yè)的學(xué)生中找到一個符合技能條件的 Web 前端工程師可以說是少之又少。而相關(guān)領(lǐng)域的從業(yè)者，又因為不被重視、干雜活、薪水低等原因，覺得選錯了行當，又停止了在這個方向上的努力學(xué)習(xí)。最終導(dǎo)致企業(yè)招不到一位滿意的 Web 前端工程師。這涉及到兩個定位的問題，即 1) 企業(yè)如何給Web前端工程師定位，2) Web 前端工程師如何定位自己。Web 前端工程師如何定位自己？ 首先，這是很有前途的工作。衛(wèi)哲曾經(jīng)對大學(xué)生擇業(yè)提出這樣的建議：第一選擇新行業(yè)，第二選擇新企業(yè)，第三選擇新部門?；ヂ?lián)網(wǎng)行業(yè)相對傳統(tǒng)行業(yè)，算是新行業(yè)；現(xiàn)在創(chuàng)業(yè)公司很多；Web 前端工程師又是一個新的崗位。中國的 Web 前端工程師正在起步，會有很好的發(fā)展。 然后， 想一下自己是否適合和喜歡這份工作。Web 前端工程師并不是設(shè)計師，我更傾向于將這個崗位定位為開發(fā)人員。這個崗位上每天接觸的的仍然是代碼、代碼、代碼。如果你喜歡的是設(shè)計，那么應(yīng)該適當調(diào)整自己的學(xué)習(xí)重點。Web 前端工程師應(yīng)該是那種完美主義者，或者有一定程度潔癖，天蝎座較佳，更像程序員。術(shù)業(yè)有專攻，自己多想想自己的職業(yè)規(guī)劃。 最后，通過努力找到好的雇主。如果你將自己定位為 Web 前端工程師，那么去投靠對該崗位有一定認識的公司比較合適。在這樣的公司里面，會有明確的職位說明和職責(zé)范圍，以及良好的培養(yǎng)計劃。在這樣的公司能夠有比較好的發(fā)展。

前端是指應(yīng)用的表層部分，就是用戶直接能看到的。UI一般指的是各種軟件的界面，而web前端指的是網(wǎng)站的頁面，你說的網(wǎng)頁前端是和web前端一樣的。網(wǎng)站的英文說法也就是web.

我本身是做軟件前端開發(fā)的，以前做過兩年的網(wǎng)頁設(shè)計，以我個人的理解來說一點淺見好了，前端主要的工作是頁面或界面的設(shè)計制作、html切圖、動態(tài)交互等，而后端準確的說是后臺，主要工作是整個網(wǎng)站或者軟件的功能實現(xiàn)，通俗點講就是程序員，現(xiàn)在普遍是兩個工種分開來了，因為一個人做的話反而效率不高，如果你是想做這一行，那么我個人是建議你做程序員拉倒，雖然程序員工作量可能會比設(shè)計多，但做設(shè)計太費腦子了，程序員主要是一些邏輯性的事情，很多代碼都有現(xiàn)成的，大部分工作就是復(fù)制粘貼而已，而且客戶看東西首先是看前端咋樣，這就考驗設(shè)計師水平了，最后就是重點了，程序員的普遍工資要比設(shè)計高，當然，設(shè)計師也有高的，但無一不是技術(shù)過硬和工作經(jīng)驗足夠的。

很多時候，設(shè)計稿，和實際應(yīng)用，多多少少 都會一點差異的。不可能一模一樣。只要大體過得去就行，在說 網(wǎng)頁在不同的 瀏覽器 或者不同的版本當中 顯示都會 有點差異的。還有一點 ，前端的編程人員，可能經(jīng)驗不夠。

網(wǎng)頁設(shè)計，不知道你是單純的設(shè)計還是設(shè)計加制作?，F(xiàn)在來說，設(shè)計軟件越來越多，可以選擇的余地比較大。以前流行的說法是網(wǎng)頁三劍客：Dreamweaver、firework、flash。現(xiàn)在來說，個人還是喜歡：設(shè)計類：Photoshop（數(shù)字）、illustrator（矢量）、flash（動畫）。網(wǎng)頁編程類：Dreamweaver（html+div+css）myeclipse eclipse notepad++ editplus等等很多優(yōu)秀軟件。

前端開發(fā)工程師的主要職責(zé)是與交互設(shè)計師、 視覺設(shè)計師協(xié)作，根據(jù)設(shè)計圖用HTML和CSS完成頁面制作（也可能是一個人完成所有）。同時，在此基礎(chǔ)之上，對完成的頁面進行維護和對網(wǎng)站前端性能做相應(yīng)的優(yōu)化。另外，一名合格的前端開發(fā)工程師，應(yīng)該具有一定的審美能力和基礎(chǔ)的美工操作能力，能很好的與交互及視覺協(xié)作?，F(xiàn)在的前端工程師可能都需要一定程度上的全棧了，也就是前后端都需要會。不僅需要制作靜態(tài)頁面，包括網(wǎng)站架構(gòu)，H5等。如今市場上招聘web前端需要你會寫JS、會用JS、能設(shè)計、切圖、懂用戶交互等，還需要前端架構(gòu)是開發(fā)和優(yōu)化框架，及服務(wù)器，用戶體驗等涉汲就比較廣，當然全棧式前端工程師工資也就比較高了。

　　如果你還是在校學(xué)生，那你得好好上課，大學(xué)的教材普遍來講都是知識面淺的。雖然很多知識看起來用處不大，學(xué)起來也很枯燥，讓你覺得浪費時間。但這些書本上最基礎(chǔ)的知識你都不能掌握，那你以后怎么追求更精湛的技術(shù)呢。所以不要逃課，把基礎(chǔ)知識掌握了，別小看這個基礎(chǔ)知識，它非常重要，基礎(chǔ)扎實是否也會決定你在一個職業(yè)能走多遠?！　∥沂钱厴I(yè)了后從文員轉(zhuǎn)到編輯再到技術(shù)員當然這期間工資就像是階梯一樣，雖然這差距也不是很大，都離不開那些曾經(jīng)被我遺落角落的專業(yè)課本。生活上的壓力迫使我這樣做，我知道自己要什么，當一個文員沒有追求，感覺過著30、40歲人的生活，接電話、發(fā)email、整理報表，每個月都有白領(lǐng)的工資...浪費的不僅僅是自己的青春，還有這大學(xué)幾年昂貴的學(xué)費。后來就愈來愈想掌握一門技術(shù)，想去培訓(xùn)學(xué)校學(xué)習(xí)一段時間，但是現(xiàn)實是我沒有錢，閉關(guān)一個星期，重拾課本，再看看那些討厭的table，雖然out了，但是確實會發(fā)現(xiàn)很多基礎(chǔ)再基礎(chǔ)不過的東西，利用互聯(lián)網(wǎng)，不明白的就百度，作為一個過來人，我覺得我自己走了不少彎路，所以，有必要提醒你們一下，一定要明確自己的目標，擺正自己的位置，最好掌握一門技術(shù)?！　×私鈝eb前端　　Web前端開發(fā)是從網(wǎng)頁制作演變而來的，名稱上有很明顯的時代特征。在互聯(lián)網(wǎng)的演化進程中，網(wǎng)頁制作是Web1.0時代產(chǎn)物，那時網(wǎng)站的主要內(nèi)容是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。2005年以后，互聯(lián)網(wǎng)進入Web2.0時代，各種類似桌面軟件的Web應(yīng)用大量涌現(xiàn)，網(wǎng)站的前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁不再只是承載單一的文字和圖片，各種富媒體讓網(wǎng)頁的內(nèi)容更加生動，網(wǎng)頁上軟件化的交互形式為用戶提供了更好的使用體驗，這些都是基于前端技術(shù)實現(xiàn)的。說得直白點就是美工photoshop，交互設(shè)計，flash，js，html+css。就小規(guī)模公司而言，一個技術(shù)員都得會這幾樣技能，這樣很鍛煉人的，慢慢的你就會成為公司的主力。大規(guī)模的公司把這些分得很細，所以，你可以精通一門，熟悉其他的，進軍大公司?！　【W(wǎng)頁開發(fā)工具　　學(xué)習(xí)web前端開發(fā)，網(wǎng)頁開發(fā)工具有FrontPage，會用 Word 的人很容易學(xué)會FrontPage。還有一個常用的是Dreamweaver。這兩種都是使用最多的HTML網(wǎng)頁制作工具，我使用的是Dreamweaver cs6,因為這套軟件提供了一套直觀的可視界面，融合了html5一些新的內(nèi)容。包括網(wǎng)格布局什么的?！　W(xué)習(xí)內(nèi)容　　HTML、CSS和JavaScript。html是內(nèi)容，css是表現(xiàn)，javascript是行為。前端開發(fā)的門檻其實非常低，與服務(wù)器端語言先慢后快的學(xué)習(xí)曲線相比，前端開發(fā)的學(xué)習(xí)曲線是先快后慢。所以，對于從事IT工作的人來說，前端開發(fā)是個不錯的初入點。也正因為如此，前端開發(fā)的領(lǐng)域有很多自學(xué)成“才”的同行。html是最基礎(chǔ)的，現(xiàn)在流行的是html5設(shè)計，先學(xué)會網(wǎng)頁布局。css是用來美化html頁面的為頁面提供布局和格式。最后再學(xué)javascript。如果你把每天看電影、看電視劇的時間用來學(xué)習(xí)，我想一個星期入門是沒有問題的?！　』A(chǔ)知識：　　1. html + css。這部分建議在 www.w3school.com.cn 上學(xué)習(xí)，邊學(xué)邊練，每章后還有小測試。之后可以模仿一些網(wǎng)站做些頁面。本站提供的個人博客模板www.yangqq.com/download/都是比較簡單的單頁，可以下載下來模仿自己做一個。理解css每個元素的屬性，樣式的實現(xiàn)不一定只有一種寫法，多想一想還有沒有什么需要改進的地方?！　?、JavaScript。不是所有的網(wǎng)頁都必須有js，但是要想實現(xiàn)一些超酷的功能和界面的時候，就需要涉及到j(luò)s。如果沒有其他編程語言的基礎(chǔ)的話，學(xué)起來可能要費些力，還是建議先在 w3school上學(xué)習(xí)。之后建議馬上看《javascript語言精粹》　　3、Photoshop、flash。熟悉會一點兒就行了，沒必要全部都學(xué)得精通，當然如果你在學(xué)習(xí)的過程中，發(fā)現(xiàn)你ps或者flash比較感興趣的話，也可以嘗試做美工這一行?！　?、html5和css3?？梢韵攘私庖幌?，然后再入手。畢竟IE的瀏覽器大多還不支持?！　?、瀏覽器兼容。懂web標準，熟練手寫 xhtml css3 并符合 符合w3c標準。代碼能兼容主流瀏覽器Firfox，Chrome、Safari、IE、Opera。雖然IE6很多都不兼容，但現(xiàn)在還使用的人還是有的。W3C驗證地址：http://jigsaw.w3.org/css-validator/ 通過驗證指定URI的CSS內(nèi)容，可以幫我們檢查一下有沒有錯誤?！　?、熟悉一門后臺編程語言 asp、php、jsp等　　web前端設(shè)計師前景　　遇到很多想換行的朋友，第一句就問，這行賺錢嗎？我相信一句話，沒有付出，是沒有回報的！前面已經(jīng)說過了，咱們這行門檻是很低的，所以薪資階段也不一樣。2000初入這行的現(xiàn)在還普遍，工作經(jīng)驗2年以上，有很多代表性作品的時候，工資在4000左右；高手級別的估計在6000左右，大師級別這個階段的薪資參考：10000以上(上海北京深圳為例)網(wǎng)頁設(shè)計師課程一般包括：Photoshop、Fireworks、用戶界面設(shè)計實操，xhtml、css、dreamweaver、網(wǎng)站架構(gòu)與網(wǎng)站策劃、flash動畫制作，域名與空間、ftp、dhtml、javascript、動態(tài)交互網(wǎng)站(asp、php、aja)。

Web前端開發(fā)技術(shù)主要包括三個要素：HTML、CSS和JavaScript！它要求前端開發(fā)工程師不僅要掌握基本的Web前端開發(fā)技術(shù)，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識，而且要學(xué)會運用各種工具進行輔助開發(fā)以及理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等。如何學(xué)習(xí)前端知識？我們生活在一個充滿規(guī)則的宇宙里面。社會秩序按照規(guī)則運行，計算機語言幾乎全部是規(guī)則的集合。計算機前輩們定義規(guī)則，規(guī)則約束我們，我們用規(guī)則控制數(shù)據(jù)。大部分時候，對數(shù)據(jù)的合理控制，來自于你對規(guī)則的掌握?，F(xiàn)在很多小伙伴喜歡在互聯(lián)網(wǎng)上找視頻資料學(xué)習(xí)網(wǎng)頁制作，但是光看視頻你是不可能學(xué)會網(wǎng)頁制作的，沒有人指導(dǎo)你，而且很多視頻已經(jīng)過時了 ，并沒有什么用!  如果你真的想學(xué)習(xí)網(wǎng)頁制作這門技術(shù)，你可以來這個裙，前面是6 1 1，中間是四 貳 八，最后是壹  ④ 二！ 在這里有最新的HTML課程 免費學(xué)習(xí) 也有很多人指導(dǎo)你進步，不需要你付出什么，只要你是真心想學(xué)習(xí)的，隨便看看的就不要加了，加了也是浪費大家的時間 。學(xué)習(xí) HTML，CSS 應(yīng)該先跟著書仔細、扎實的學(xué)一遍。然后就需要做大量的練習(xí)，做各種常規(guī)的、奇怪的、大量的布局練習(xí)來捆固、理解自己的知識。而學(xué)習(xí) Javascript 首先要知道這門語言可以做什么，不能做什么，擅長做什么，不擅長做什么！如果你只想當一個普通的前端程序員，你只需要記住大部分 Javascript 函數(shù)，做一些練習(xí)就可以了。如果你想當深入了解Javascript，你需要了解 Javascript 的原理，機制。需要知道他們的本源，需要深刻了解Javascript 基于對象的本質(zhì)。還需要 深刻了解 瀏覽器宿主 下 的 Javascript 的行為、特性。因為歷史原因，Javascript一直不被重視，有點像被收養(yǎng)的一般！ 所以他有很多缺點，各個宿主環(huán)境下的行為不統(tǒng)一、內(nèi)存溢出問題、執(zhí)行效率低下等問題。作為一個優(yōu)秀的前端工程師還需要深入了解、以及學(xué)會處理 Javascript 的這些缺陷。Web前端：1）精通HTML，能夠書寫語義合理，結(jié)構(gòu)清晰，易維護的HTML結(jié)構(gòu)。2）精通CSS，能夠還原視覺設(shè)計，并兼容業(yè)界承認的主流瀏覽器。3）熟悉JavaScript，了解ECMAScript基礎(chǔ)內(nèi)容，掌握1~2種js框架，如JQuery4）對常見的瀏覽器兼容問題有清晰的理解，并有可靠的解決方案。5）對性能有一定的要求，了解yahoo的性能優(yōu)化建議，并可以在項目中有效實施。6）......Web后端：1）精通jsp，servlet，java bean，JMS，EJB，Jdbc，F(xiàn)lex開發(fā)，或者對相關(guān)的工具、類庫以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，對Web開發(fā)的模式有較深的理解2）練使用oracle、sqlserver、mysql等常用的數(shù)據(jù)庫系統(tǒng)，對數(shù)據(jù)庫有較強的設(shè)計能力3）熟悉maven項目配置管理工具，熟悉tomcat、jboss等應(yīng)用服務(wù)器，同時對在高并發(fā)處理情況下的負載調(diào)優(yōu)有相關(guān)經(jīng)驗者優(yōu)先考慮4）精通面向?qū)ο蠓治龊驮O(shè)計技術(shù)，包括設(shè)計模式、UML建模等5）熟悉網(wǎng)絡(luò)編程，具有設(shè)計和開發(fā)對外API接口經(jīng)驗和能力，同時具備跨平臺的API規(guī)范設(shè)計以及API高效調(diào)用設(shè)計能力6）......從幾個公司的招聘要求可以看到，做Web開發(fā)，對前端和后端的要求是各自所不同的。而我們目前的實際情況，也和這個差不多，但是，我們無論在知識的掌握程度上，還是知識掌握的寬度上，都是不夠的。首先，我們在前端缺乏積累，沒有沉淀，專業(yè)的前端技術(shù)的積累是從去年才開始的，同時，在前端也缺乏支撐與高手，所以，走起來比較困難。同時，前端人員培養(yǎng)的較少，一個原因是對前端了解太少，另外一個原因就是對前端與后端的工作比例估計不足。所幸，我們在這一年也在前端有了很快的進步，培養(yǎng)了幾個優(yōu)秀的開發(fā)人員，有意識的解決了前端的用戶體驗，這都是可喜的。今年，需要更進一步，專業(yè)化。其次，我們在后端發(fā)展的不夠?qū)?，后端的知識體系已經(jīng)比較完善，但是，很多應(yīng)用點都沒有涉及到。同時，對現(xiàn)有技術(shù)框架的理解都不夠深入，太浮躁。我們目前的設(shè)計團隊在解決互聯(lián)網(wǎng)高并發(fā)、大數(shù)據(jù)量的存取上經(jīng)驗與能力都還不足，需要正視這些問題。后端技術(shù)的發(fā)展需要更加的精進，以解決實際存在的問題為主。最后，我們在前端、后端都缺乏熟練工，這會影響到開發(fā)的速度，同時，也不利于后期技術(shù)的研究。

現(xiàn)在網(wǎng)站前端工程師和美工是兩個完全不同的職位，兩者的工作內(nèi)容也是完全不同的。從2013年開始，一些的中小型的公司也開始將網(wǎng)站前端和美工分離，到目前，基本所有的專業(yè)的開發(fā)網(wǎng)站的公司都是設(shè)置了網(wǎng)站美工和網(wǎng)站前端兩職位，其工作內(nèi)容和職責(zé)是完全不同的。首先說一下開發(fā)一個網(wǎng)站的大致流程：客戶提出需求——>網(wǎng)站美工根據(jù)客戶的需求設(shè)計效果圖并得到客戶的認可——>網(wǎng)站前端工程師使用前端代碼將效果圖做成靜態(tài)的網(wǎng)頁——>后臺開發(fā)人員填充后臺數(shù)據(jù)——>測試完成上線。根據(jù)以上的流程應(yīng)該可以知道美工和前端的工作分工是不同，現(xiàn)在兩者沒有任何交集只是團隊合作，具體的職責(zé)和內(nèi)容如下：1、網(wǎng)站美工網(wǎng)站美工一般是學(xué)美術(shù)或者設(shè)計出身，精通photoshop、AI、AE等平面設(shè)計工具，其在網(wǎng)站開發(fā)過程的中的職責(zé)就是按照客戶或者公司的需求設(shè)計出符合客戶需求和界面或者顏色符合大眾視覺的網(wǎng)站效果，如根據(jù)不同行業(yè)的需求設(shè)計顏色、設(shè)計界面風(fēng)格等，其工作的最后成果就是網(wǎng)站的效果圖。2、網(wǎng)站前端工程師網(wǎng)站前端工程師不參與任何的設(shè)計，直接將網(wǎng)站美工制作的網(wǎng)站效果圖使用ps按照效果圖進行切片并使用html、css、js等代碼進行網(wǎng)頁的制作，最終編寫出符合w3c標準的兼容各個主流瀏覽器的靜態(tài)頁面，同時還需要按照后臺開發(fā)人員的要求留下一些后臺數(shù)據(jù)的接口。所以說網(wǎng)站前端工程師的是編程而不是設(shè)計?？偨Y(jié)：美工是搞美術(shù)或者是設(shè)計出身的，前端是學(xué)習(xí)計算機的搞編程寫代碼的。