Web前端職位：“網(wǎng)頁制作”、“前端制作工程師”、“網(wǎng)站重構(gòu)工程師”、“前端開發(fā)工程師”、“資深前端開發(fā)工程師”以及“前端架構(gòu)師”。一般來說，幾個人的小團(tuán)隊(duì)這個職位的名稱沒有那么嚴(yán)格了，叫網(wǎng)頁制作或者前端制作什么的；規(guī)模較小的UED中的Web前端團(tuán)隊(duì)，叫做“網(wǎng)頁制作工程師”或者“Web前端制作工程師”；騰訊的Web前端設(shè)置比較特殊，他們的規(guī)模較大，不叫UED，而是叫做ISD，他們的分工一般來說也是只負(fù)責(zé)Web頁面的HTML和CSS部分，可能也包含少部分的JavaScript代碼，而他們的這個職位叫做“Web重構(gòu)工程師”。而類似淘寶UED這種比較大的UED團(tuán)隊(duì)，其Web前端人員的職責(zé)范圍也更大一些，他們的Web前端人員不僅要做HTML和CSS，還要做全部的JavaScript或者ActionScript，并且進(jìn)一步擴(kuò)展到Ajax甚至PHP等腳本語言的范圍，而其相關(guān)的職位則主要分為“前端開發(fā)工程師”、“資深前端開發(fā)工程師”以及“前端架構(gòu)師”。

現(xiàn)在比較主流的是：html/css/javascript是基礎(chǔ)；ajax異步；html5/css3最好能熟練掌握；js的框架例如：jQuery/mootools/Prototype/ExtJS 掌握一個，了解其他（建議掌握jQuery）；css的框架如：bootstrap；

沒有基礎(chǔ)，脫產(chǎn)學(xué)習(xí)需要時間為四個半月以上。 Web前端開發(fā)是從網(wǎng)頁制作演變而來的，名稱上有很明顯的時代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中，網(wǎng)頁制作是Web1.0時代的產(chǎn)物，那時網(wǎng)站的主要內(nèi)容都是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。 無論是開發(fā)難度上，還是開發(fā)方式上，現(xiàn)在的網(wǎng)頁制作都更接近傳統(tǒng)的網(wǎng)站后臺開發(fā)，所以現(xiàn)在不再叫網(wǎng)頁制作，而是叫Web前端開發(fā)。Web前端開發(fā)在產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來越重要，而且需要專業(yè)的前端工程師才能做好，這方面的專業(yè)人才近幾年來備受青睞。Web前端開發(fā)是一項(xiàng)很特殊的工作，涵蓋的知識面非常廣，既有具體的技術(shù)，又有抽象的理念。 簡單地說，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。

1、Web前端開發(fā)工程師是一個很新的職業(yè)。前端開發(fā)是從網(wǎng)頁制作演變而來的。2、前端工程師工作是一項(xiàng)很特殊的工作，涵蓋的知識面非常廣，既有具體的技術(shù)，又有抽象的理念。簡單地說，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。3、前端開發(fā)的主要工作是把設(shè)計(jì)圖按照w3c標(biāo)準(zhǔn)做成html靜態(tài)頁面（即PSD轉(zhuǎn)HTML），并且用javascript腳本語言實(shí)現(xiàn)頁面上的前端互動?；有Ч?，彈出層，頁簽切換，圖片滾動，ajax異步互動等。4、高級前端工程師還要承擔(dān)前端優(yōu)化的工作，優(yōu)化的知識就會一些，比如文件過期Expires，緩存，異步緩存，js和css以及圖片的壓縮等。什么是HTML？HTML就是你跟瀏覽器下達(dá)命令的語言。比如要把一篇文章顯示在瀏覽器上，文章既有圖片又有文字，你要告訴它哪些是文字，哪些是圖片，并且分別都放在哪個地方，需要用什么樣式（顏色、大小、對齊……），我們把瀏覽器顯示的頁面叫做網(wǎng)頁。舉個例子，要讓下面這個簡單的文字+圖片顯示在瀏覽器上HTML5并不是一項(xiàng)技術(shù)，而是一個標(biāo)準(zhǔn)。萬維網(wǎng)的核心語言、標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用超文本標(biāo)記語言（HTML）的第五次重大修改。H5指的就是在移動端的網(wǎng)頁開發(fā)

web前端開發(fā)需要掌握的技術(shù):1、學(xué)習(xí)html,這個是最簡單的,也是最基礎(chǔ)的。要熟練掌握div、form table、ul li、p、span、font這些標(biāo)簽,這些都是最常用的,特別是div和table,div用于布局、table也可以用于布局,但是不靈活,基本table是用來和數(shù)據(jù)打交道。2、學(xué)習(xí)css,這里說的css不包括css3,一般我們看到web前端開發(fā)工程師的要求里面,有一個會使用css+html或者css+div來進(jìn)行界面布局,所以css是用于輔助html來布局和展示的,我們稱之為“css樣式”,為什么會說css+div呢?因?yàn)槲疑厦嬲f了div就是html主要用于布局的東西,所以div就是核心掌握的東西!那么css肯定必須要配合div來使用才好。css要熟練掌握float、position、width、height,以及對于的最大最小、會使用百分百、overflow、margin、padding等等,這些都是跟布局 有關(guān)系的樣式,一點(diǎn)要掌握。3、學(xué)習(xí)js。 可能前兩個大家覺得還過的去,看到j(luò)s就蛋疼了,其實(shí)吧,js入門很簡單的,不需要會很多東西的,只要會根據(jù)某個id、或者name拿到網(wǎng)頁dom或者樣 式、或者值,然后會給某個id或者name的元素標(biāo)簽賦值、或者追加數(shù)據(jù)、追html,這個是跟數(shù)據(jù)有關(guān)系的操作,然后數(shù)據(jù)邏輯判斷,效果方面的,無非就 是跳轉(zhuǎn)、彈框、隱藏什么的,把這些全部結(jié)合其他就是實(shí)際用途了,代碼一點(diǎn)都不難,會了這些基礎(chǔ)js,其他的直接百度就好了。然后看多了,用多了,就什么都 不是問題了。4、學(xué)習(xí)jquery。jquery是相當(dāng)于把js封裝了一套的一個js插件,目的就是操作起來更方便,代碼寫的更少,jquery入門也很簡單,那些是入門需要學(xué)的和js一樣,只是換成了jq的代碼。其他的一樣百度就夠了。5、最好會點(diǎn)后臺語言,比如java、php,為什么呢?因?yàn)槲覀兦芭_界面的數(shù)據(jù)都是從后臺來的,如果會點(diǎn)后臺代碼,就知道怎么跟后臺交互數(shù)據(jù)是最好的, 這樣節(jié)約時間,也可以讓前端代碼更規(guī)范。不然可能因?yàn)槟愕膶懛ê秃蠖私o來的數(shù)據(jù)不能結(jié)合上,那么前端代碼又得重新寫,那就更蛋疼了。6、學(xué)習(xí)css3+html5,為什么這個放最后呢?哈哈,因?yàn)槲易约阂膊惶珪?畢竟術(shù)業(yè)有專攻嘛,雖然這個很流行,但是我是搞后端的,在工作中用不到 它,只有在自己網(wǎng)站需要改樣式,或者朋友網(wǎng)站樣式出問題的時候,我才會去臨時去研究下。但是如果你們是準(zhǔn)備專門搞前端,那么最好還是學(xué)一下的。上面6點(diǎn),基本是一個搞web前端開發(fā)工程師需要掌握的技術(shù),然后我也盡量的把自己的一點(diǎn)點(diǎn)經(jīng)驗(yàn)告訴了大家,但是大家不要以為上面6點(diǎn)就只有我說的那么容易,不,他們之所以被人使用,之所以這么火,就是因?yàn)閺?qiáng)大!我說的這么簡單僅僅是打消你們覺得很難的原因,萬事開頭難,我講的都是入門的方法和技巧以及需 要知道的東西。另外告訴大家一個秘密,不要以為代碼很難敲,現(xiàn)在什么語言都有自動提示代碼的功能,只需要輸入一個字符,兩個字符,后面的代碼都會彈出來讓 你選擇!還怕啥呢?所以你也不要怕你英語不好了。

【前端開發(fā)工程師】是Web前端開發(fā)工程師的簡稱，是近五年才真正開始受到重視的一個新興職業(yè)。Web前端開發(fā)技術(shù)是一個先易后難的過程，主要包括三個要素：HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用）、級聯(lián)樣式表和JavaScript，這就要求前端開發(fā)工程師不僅要掌握基本的Web前端開發(fā)技術(shù)，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識，而且要學(xué)會運(yùn)用各種工具進(jìn)行輔助開發(fā)以及理論層面的知識，包括代碼的可維護(hù)性、組件的易用性、分層語義模板和瀏覽器分級支持等?！厩岸碎_發(fā)工程師的主要工作】前端開發(fā)工程師的主要工作是組織和實(shí)行網(wǎng)站重構(gòu)：1、優(yōu)化：根據(jù)W3C標(biāo)準(zhǔn)進(jìn)行重構(gòu)后，可以讓前端的代碼組織更有序，顯著改善網(wǎng)站的性能，提高網(wǎng)站訪問速度，還能提高可維護(hù)性，對搜索引擎也更友好；2、加速：重構(gòu)后的網(wǎng)站能帶來更好的用戶體驗(yàn)，用XHTML+CSS重新布局后的頁面，文件更小，下載速度更快。3、目的：網(wǎng)站重構(gòu)的目的不是為了讓網(wǎng)頁更符合Web標(biāo)準(zhǔn)，重構(gòu)的本質(zhì)是構(gòu)建一個前端靈活的MVC框架，即HTML作為信息模型（Model），CSS控制樣式（View），JavaScript負(fù)責(zé)調(diào)度數(shù)據(jù)和實(shí)現(xiàn)某種展現(xiàn)邏輯（Controller）。同時，代碼需要具有很好的復(fù)用性和可維護(hù)性。這是高效率、高質(zhì)量開發(fā)以及協(xié)作開發(fā)的基礎(chǔ)。 隨著人們對用戶體驗(yàn)的要求越來越高，前端開發(fā)的技術(shù)難度越來越大，Web前端開發(fā)工程師這一職業(yè)終于從設(shè)計(jì)和制作不分的局面中獨(dú)立出來。

　　Web前端開發(fā)所涉及的內(nèi)容主要包括W3C標(biāo)準(zhǔn)中的結(jié)構(gòu)、行為和表現(xiàn)，那么這三項(xiàng)中我們需要掌握的核心技能是什么呢？　　1.開發(fā)語言　　HTML發(fā)展歷史有二十多年，歷經(jīng)多次版本更新，HTML5和CSS3的出現(xiàn)又是一次革新。有些人認(rèn)為前端開發(fā)要掌握的技能簡單，不就是制作網(wǎng)頁 嘛，其實(shí)不然，web前端需要掌握的核心語言xHTML+CSS+JavaScript，JavaScript作為最難的語言之一，許多編程高手也不敢妄 自菲薄自封精通。由于JavaScript與html的差異性，以及靜動態(tài)分開處理的一些好處。在大公司編寫靜態(tài)效果和動態(tài)效果往往是分開由不同的人完成 的。小公司因?yàn)樾枰獕嚎s成本，就要求每個人會的越多越好，如果您想往項(xiàng)目經(jīng)理發(fā)展，能懂一兩門后臺語言，絕對是錦上添花！　　2.瀏覽器兼容性　　互聯(lián)網(wǎng)目前主流瀏覽器有IE6\7\8\9，F(xiàn)irefox，Chrome，Opera，Safari，遨游，包括國內(nèi)主流的搜狗，騰訊 TT，360，the World等等；從內(nèi)核上講主要有IE的，遨游版IE，safari，firefox以及opera的，這些都是大家常見的，如果你身邊有老網(wǎng)蟲喜歡收藏 瀏覽器，你翻翻他的硬盤，相信幾十款肯定是有的。每種內(nèi)核對代碼的解析是不完全一樣的，即使同樣內(nèi)核也可能存在很大差異，如IE和遨游版的IE。不說非主流的瀏覽器，就主流的瀏覽器要做到完全兼容，也并非易事，需要長時間的積累和測試，需要前端開發(fā)工程師對前端開發(fā)的熱愛和激情?！　∧壳耙苿踊ヂ?lián)網(wǎng)的發(fā)展趨勢也不容小覷，將慢慢占據(jù)互聯(lián)網(wǎng)的主要份額。移動互聯(lián)網(wǎng)最突出的好處是方便和及時，試想一下，走在某地風(fēng)景很好，拍下來后自 動分享給各路好友，因此手機(jī)上的瀏覽器兼容也看刻不容緩，現(xiàn)在手機(jī)上的瀏覽器也是紛繁復(fù)雜，主流的UCWEB，safari，IE，3G門戶的，以及 symbian低端機(jī)的“殘缺兒童”，包括國外流行手機(jī)我們不知道的一些瀏覽器，更糟糕的是這些瀏覽器解析因?yàn)槭謾C(jī)硬件的不同，每個瀏覽器得到的結(jié)果都是 完全不同的?！　?.hack技術(shù)　　由于不同的瀏覽器對CSS的解析認(rèn)識不一樣，因此會導(dǎo)致生成的頁面效果不一樣，這個時候就需要針對不同的瀏覽器寫不同的CSS，這個過程叫CSS hack。雖然我們寫代碼都要求按照標(biāo)準(zhǔn)，不寫hack代碼，但實(shí)際工作中為了兼容主流瀏覽器，hack代碼是免不了的，所以這也應(yīng)該是每個前端開發(fā)人員 必備的技能?！　?.業(yè)內(nèi)標(biāo)準(zhǔn)　　目前Web前端開發(fā)中提到最多的就是W3C標(biāo)準(zhǔn)，這是一系列標(biāo)準(zhǔn)的集合，代表了互聯(lián)網(wǎng)發(fā)展的方向，也代表了前端開發(fā)的一種信仰。寫的代碼都要100%通過標(biāo)準(zhǔn)驗(yàn)證，為通過標(biāo)準(zhǔn)驗(yàn)證而感到自豪，會有效推動互聯(lián)網(wǎng)的快速發(fā)展?！　?.開發(fā)工具　　目前比較流行的是Dreamweaver， 其曾經(jīng)風(fēng)靡一時，到現(xiàn)在也沒有退出歷史舞臺，證明DW還是有很大優(yōu)勢的，尤其是針對初學(xué)者，其強(qiáng)大的提示功能可以幫助我們很快的熟悉并掌握網(wǎng)頁布局，但現(xiàn) 在更提倡的是純手寫代碼，既體現(xiàn)技能方面的卓越，也可有效避免使用DW等工具產(chǎn)生的冗余代碼。此外再掌握一些photoshop技能，即使沒有美工，也能 簡單處理一些圖像?！　⌒〗Y(jié)，掌握以上技能，可以說你是一個合格的前端開發(fā)人員，能夠參與到一個大的項(xiàng)目中，或者自己獨(dú)立寫出一個網(wǎng)頁。雖然這看起來和網(wǎng)頁制作設(shè)計(jì)差不多，從效果上來看，都是制作網(wǎng)頁的，但實(shí)際上，技術(shù)上所超出的已經(jīng)是好幾個檔次的東西了。

我的經(jīng)歷講一下： 之前做java，覺得天天寫sql寫DAO很無趣，就轉(zhuǎn)前端了。切頁面，一開始一天一頁(活動頁)，一邊寫一邊學(xué)習(xí)。幾周之后熟悉多了，加加效果一天3~5個活動頁也不在話下了。不久就做的無聊了，又回歸做系統(tǒng)表單神馬的，前后都做，蹭蹭蹭一周出來一兩套也算不錯了各種驗(yàn)證和數(shù)據(jù)聯(lián)調(diào)。再過一段時間jQuery玩溜了，就玩其他的，寫一些基礎(chǔ)的前端工具和方法，通常兩三天才出廠一兩個代碼量慢慢地減少。到后面玩玩Nodejs，搞搞IO，搞搞正則，讓程序幫我寫頁面，我自己寫代碼就越來越少了，現(xiàn)在一天最高出產(chǎn)40行了不得了，主要考慮的事情多了，自己寫的代碼的要給別人用自然要保證質(zhì)量和可用性。

Web前端職位：“網(wǎng)頁制作”、“前端制作工程師”、“網(wǎng)站重構(gòu)工程師”、“前端開發(fā)工程師”、“資深前端開發(fā)工程師”以及“前端架構(gòu)師”。一般來說，幾個人的小團(tuán)隊(duì)這個職位的名稱沒有那么嚴(yán)格了，叫網(wǎng)頁制作或者前端制作什么的；規(guī)模較小的UED中的Web前端團(tuán)隊(duì)，叫做“網(wǎng)頁制作工程師”或者“Web前端制作工程師”；騰訊的Web前端設(shè)置比較特殊，他們的規(guī)模較大，不叫UED，而是叫做ISD，他們的分工一般來說也是只負(fù)責(zé)Web頁面的HTML和CSS部分，可能也包含少部分的JavaScript代碼，而他們的這個職位叫做“Web重構(gòu)工程師”。而類似淘寶UED這種比較大的UED團(tuán)隊(duì)，其Web前端人員的職責(zé)范圍也更大一些，他們的Web前端人員不僅要做HTML和CSS，還要做全部的JavaScript或者ActionScript，并且進(jìn)一步擴(kuò)展到Ajax甚至PHP等腳本語言的范圍，而其相關(guān)的職位則主要分為“前端開發(fā)工程師”、“資深前端開發(fā)工程師”以及“前端架構(gòu)師”。