web前端的主要工作內(nèi)容是什么？

1、入門級(jí)

做頁(yè)面。就這么簡(jiǎn)單。把Designer出的各種設(shè)計(jì)圖轉(zhuǎn)化成html+css+js+image的靜態(tài)網(wǎng)頁(yè)，并把它們交給后端開發(fā)人員制作成頁(yè)面模板。這就是入門級(jí)的前端工程師所做的事情。

2、進(jìn)階級(jí)

還是做頁(yè)面。不過(guò)稍微復(fù)雜一些，你需要開始注意一些更復(fù)雜的問(wèn)題，首當(dāng)其沖的就是瀏覽器兼容性問(wèn)題。老實(shí)說(shuō)瀏覽器兼容性問(wèn)題真的不是那么好搞定的，畢竟每個(gè)項(xiàng)目對(duì)瀏覽器版本的要求都不一樣，而且現(xiàn)在不光有PC瀏覽器還有各種移動(dòng)設(shè)備上的瀏覽器，同時(shí)國(guó)內(nèi)廠家的瀏覽器種類也越來(lái)越多，坑也是密密麻麻。除了兼容性，你可能還要關(guān)注一下性能問(wèn)題，包括但不限于網(wǎng)絡(luò)性能、渲染性能、js邏輯的性能等等，這個(gè)展開講可以寫本小冊(cè)子了。

3、中級(jí)

帶團(tuán)隊(duì)。你可能會(huì)奇怪，一個(gè)中級(jí)工程師就能帶團(tuán)隊(duì)了?可是真的很多公司就是這樣，尤其是小公司。當(dāng)你了解了html、js、css以及各種瀏覽器的各種特性細(xì)節(jié)之后，你會(huì)被任命帶領(lǐng)一個(gè)小的開發(fā)團(tuán)隊(duì)，當(dāng)然是前端開發(fā)團(tuán)隊(duì)?？赡芗幽阋还惨簿腿膫€(gè)人，甚至更少。這時(shí)候你的工作內(nèi)容除了自己寫一點(diǎn)頁(yè)面以外，還會(huì)幫助組員解決各種各樣的細(xì)節(jié)問(wèn)題，畢竟，組里，你是最懂技術(shù)細(xì)節(jié)的。這個(gè)時(shí)候，一部分人開始停步不前，而另一部分人開始關(guān)注另一個(gè)新的問(wèn)題：工程化。前端代碼都是非常松散的，項(xiàng)目結(jié)構(gòu)性差，一旦開發(fā)人員數(shù)量多起來(lái)，業(yè)務(wù)復(fù)雜起來(lái)，如何管理這么多人、這么多代碼是個(gè)非常大的問(wèn)題。能否在這個(gè)問(wèn)題上得到突破，決定了你能否邁向下一個(gè)級(jí)別。

4、高級(jí)

架構(gòu)設(shè)計(jì)。此時(shí)你熟悉前端開發(fā)的各種技術(shù)細(xì)節(jié)，同時(shí)對(duì)各種前端框架、技術(shù)的特性聊熟于胸，你知道如何組織和管理項(xiàng)目讓大家能以最快的速度達(dá)到項(xiàng)目要求，你甚至了解手下每個(gè)人的所長(zhǎng)所短。于是IT培訓(xùn)發(fā)現(xiàn)當(dāng)新項(xiàng)目到來(lái)，你迅速根據(jù)自身過(guò)往的經(jīng)驗(yàn)選取若干種技術(shù)和工具，配上你認(rèn)為最合適的人選組成項(xiàng)目團(tuán)隊(duì)，披荊斬棘日夜兼程將產(chǎn)品汪的各種奇葩需求斬于馬下。這么做了一兩個(gè)項(xiàng)目之后，你可能又覺得空虛了，你要尋求新的目標(biāo)。恰好，NodeJS打開了通往新世界的大門。

什么是前端開發(fā)工程師？主要做什么？

Web前端，主要是用來(lái)開發(fā)用戶通過(guò)瀏覽器可以瀏覽和使用的Web頁(yè)面的。一般而言，所涉及的內(nèi)容主要包括W3C中的HTML、CSS和JavaScript這三方面的內(nèi)容。

工具/原料：HTML、CSS、JavaScript

方法/步驟：

1、隨著前端的發(fā)展，前端開發(fā)所涉及到的內(nèi)容肯定不僅限于這三方面。分析這三個(gè)層面內(nèi)容的本質(zhì)可以看到，這三個(gè)層面分別涉及Web頁(yè)面的結(jié)構(gòu)、Web的外觀視覺表現(xiàn)以及Web層面的交互實(shí)現(xiàn)。

2、歸根結(jié)底，Web前端以及Web前端開發(fā)可以說(shuō)是針對(duì)Web的結(jié)構(gòu)、行為和表現(xiàn)來(lái)進(jìn)行相應(yīng)的開發(fā)的，也可以說(shuō)，前端開發(fā)主要是做Web端的結(jié)構(gòu)、行為以及表現(xiàn)。

3、Web前端開發(fā)技術(shù)是一個(gè)先易后難的過(guò)程，主要包括三個(gè)要素：HTML、CSS和JavaScript，這就要求前端開發(fā)工程師不僅要掌握基本的Web前端開發(fā)技術(shù)，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識(shí)，而且要學(xué)會(huì)運(yùn)用各種工具進(jìn)行輔助開發(fā)以及理論層面的知識(shí)，包括代碼的可維護(hù)性、組件的易用性、分層語(yǔ)義模板和瀏覽器分級(jí)支持等。

4、Web前端開發(fā)后期要懂一些前端框架，如nodejs、Angualrjs、還有bootstrap等，以及ued用戶體驗(yàn)，后臺(tái)開發(fā)也要懂一些。

網(wǎng)站前端工作職責(zé)：

1、使用Div+css并結(jié)合Javascript負(fù)責(zé)產(chǎn)品的前端開發(fā)和頁(yè)面制作;

2、熟悉W3C標(biāo)準(zhǔn)和各主流瀏覽器在前端開發(fā)中的差異，能熟練運(yùn)用DIV+CSS，提供針對(duì)不同瀏覽器的前端頁(yè)面解決方案;

3、負(fù)責(zé)相關(guān)產(chǎn)品的需求以及前端程序的實(shí)現(xiàn)，提供合理的前端架構(gòu);

4、與產(chǎn)品、后臺(tái)開發(fā)人員保持良好溝通，能快速理解、消化各方需求，并落實(shí)為具體的開發(fā)工作;

5、了解服務(wù)器端的相關(guān)工作，在交互體驗(yàn)、產(chǎn)品設(shè)計(jì)等方面有自己的見解。

Web前端的6大動(dòng)效，HTML5和css3實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁(yè)：

1.導(dǎo)航菜單：幾乎所有的網(wǎng)站首頁(yè)都會(huì)用到。

2.導(dǎo)航條雙向綁定：側(cè)邊導(dǎo)航和頭部導(dǎo)航雙向綁定準(zhǔn)確定位。

3.CSS3動(dòng)畫：鼠標(biāo)經(jīng)過(guò)圖片進(jìn)行動(dòng)態(tài)的翻轉(zhuǎn)、旋轉(zhuǎn)動(dòng)態(tài)變化。

4.滑動(dòng)門特效：導(dǎo)航菜單中跟隨鼠標(biāo)的移動(dòng)元素進(jìn)行變化。

5.滾動(dòng)視差：鼠標(biāo)滾動(dòng)到特定位置時(shí)，內(nèi)容跟隨加載。

6.錨點(diǎn)跳轉(zhuǎn)：根據(jù)鏈接元素定位到網(wǎng)頁(yè)中想要查看的位置

Web前端開發(fā)工程師的工作內(nèi)容

Web前端開發(fā)工程師，除了主要職責(zé)外，還要為網(wǎng)站上提供的產(chǎn)品和服務(wù)實(shí)現(xiàn)一流的Web界面，優(yōu)化代碼并保持良好兼容性；Web前端表現(xiàn)層及與前后端交互的架構(gòu)設(shè)計(jì)和開發(fā)；配合后臺(tái)開發(fā)人員實(shí)現(xiàn)產(chǎn)品界面和功能。

利用各種Web技術(shù)模擬開發(fā)產(chǎn)品原型；Web新技術(shù)調(diào)研和資訊整理；；精通HTML/XHTML、CSS，熟悉頁(yè)面架構(gòu)和布局，對(duì)Web標(biāo)準(zhǔn)和標(biāo)簽語(yǔ)義化有深入理解；熟悉Ajax、JavaScript(或者)、DOM等前端技術(shù)，掌握面向?qū)ο缶幊趟枷搿?

擴(kuò)展資料

必須掌握基本的Web前端開發(fā)技術(shù)，其中包括：CSS、HTML、DOM、javascript、Ajax等，在掌握這些技術(shù)的同時(shí)，還要清楚地了解在不同瀏覽器上的兼容情況、渲染原理和存在的Bug。

在一名合格的前端工程師的知識(shí)結(jié)構(gòu)中，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識(shí)也是必須掌握的。

會(huì)運(yùn)用各種工具進(jìn)行輔助開發(fā)。比如：處理IE系列瀏覽器兼容性問(wèn)題的IEtester、FF排錯(cuò)用的Firebug、、JavaScriptDebugger等。

除了要掌握技術(shù)層面的知識(shí)，還要掌握理論層面的知識(shí)，包括代碼的可維護(hù)性、組件的易用性、分層語(yǔ)義模板和瀏覽器分級(jí)支持，等等。