前端開發(fā)前端開發(fā)工程師
傻傻的雙子
暴脾氣媛媛
【前端開發(fā)工程師】是Web前端開發(fā)工程師的簡稱，是近五年才真正開始受到重視的一個新興職業(yè)。Web前端開發(fā)技術(shù)是一個先易后難的過程，主要包括三個要素：HTML（標準通用標記語言下的一個應用）、級聯(lián)樣式表和JavaScript，這就要求前端開發(fā)工程師不僅要掌握基本的Web前端開發(fā)技術(shù)，網(wǎng)站性能優(yōu)化、SEO和服務器端的基礎(chǔ)知識，而且要學會運用各種工具進行輔助開發(fā)以及理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等。
【前端開發(fā)工程師的主要工作】前端開發(fā)工程師的主要工作是組織和實行網(wǎng)站重構(gòu)：
1、優(yōu)化：根據(jù)W3C標準進行重構(gòu)后，可以讓前端的代碼組織更有序，顯著改善網(wǎng)站的性能，提高網(wǎng)站訪問速度，還能提高可維護性，對搜索引擎也更友好；
2、加速：重構(gòu)后的網(wǎng)站能帶來更好的用戶體驗，用XHTML+CSS重新布局后的頁面，文件更小，下載速度更快。
3、目的：網(wǎng)站重構(gòu)的目的不是為了讓網(wǎng)頁更符合Web標準，重構(gòu)的本質(zhì)是構(gòu)建一個前端靈活的MVC框架，即HTML作為信息模型（Model），CSS控制樣式（View），JavaScript負責調(diào)度數(shù)據(jù)和實現(xiàn)某種展現(xiàn)邏輯（Controller）。同時，代碼需要具有很好的復用性和可維護性。這是高效率、高質(zhì)量開發(fā)以及協(xié)作開發(fā)的基礎(chǔ)。
隨著人們對用戶體驗的要求越來越高，前端開發(fā)的技術(shù)難度越來越大，Web前端開發(fā)工程師這一職業(yè)終于從設(shè)計和制作不分的局面中獨立出來。
社會大學i
Web前端，主要是用來開發(fā)用戶通過瀏覽器可以瀏覽和使用的Web頁面的。一般而言，所涉及的內(nèi)容主要包括W3C中的HTML、CSS和JavaScript這三方面的內(nèi)容。
工具/原料：HTML、CSS、JavaScript
方法/步驟：
1、隨著前端的發(fā)展，前端開發(fā)所涉及到的內(nèi)容肯定不僅限于這三方面。分析這三個層面內(nèi)容的本質(zhì)可以看到，這三個層面分別涉及Web頁面的結(jié)構(gòu)、Web的外觀視覺表現(xiàn)以及Web層面的交互實現(xiàn)。
2、歸根結(jié)底，Web前端以及Web前端開發(fā)可以說是針對Web的結(jié)構(gòu)、行為和表現(xiàn)來進行相應的開發(fā)的，也可以說，前端開發(fā)主要是做Web端的結(jié)構(gòu)、行為以及表現(xiàn)。
3、Web前端開發(fā)技術(shù)是一個先易后難的過程，主要包括三個要素：HTML、CSS和JavaScript，這就要求前端開發(fā)工程師不僅要掌握基本的Web前端開發(fā)技術(shù)，網(wǎng)站性能優(yōu)化、SEO和服務器端的基礎(chǔ)知識，而且要學會運用各種工具進行輔助開發(fā)以及理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等。
4、Web前端開發(fā)后期要懂一些前端框架，如nodejs、Angualrjs、還有bootstrap等，以及ued用戶體驗，后臺開發(fā)也要懂一些。
網(wǎng)站前端工作職責：
1、使用Div+css并結(jié)合Javascript負責產(chǎn)品的前端開發(fā)和頁面制作;
2、熟悉W3C標準和各主流瀏覽器在前端開發(fā)中的差異，能熟練運用DIV+CSS，提供針對不同瀏覽器的前端頁面解決方案;
3、負責相關(guān)產(chǎn)品的需求以及前端程序的實現(xiàn)，提供合理的前端架構(gòu);
4、與產(chǎn)品、后臺開發(fā)人員保持良好溝通，能快速理解、消化各方需求，并落實為具體的開發(fā)工作;
5、了解服務器端的相關(guān)工作，在交互體驗、產(chǎn)品設(shè)計等方面有自己的見解。
Web前端的6大動效，HTML5和css3實現(xiàn)動態(tài)網(wǎng)頁：
1.導航菜單：幾乎所有的網(wǎng)站首頁都會用到。
2.導航條雙向綁定：側(cè)邊導航和頭部導航雙向綁定準確定位。
動畫：鼠標經(jīng)過圖片進行動態(tài)的翻轉(zhuǎn)、旋轉(zhuǎn)動態(tài)變化。
4.滑動門特效：導航菜單中跟隨鼠標的移動元素進行變化。
5.滾動視差：鼠標滾動到特定位置時，內(nèi)容跟隨加載。
6.錨點跳轉(zhuǎn)：根據(jù)鏈接元素定位到網(wǎng)頁中想要查看的位置
優(yōu)質(zhì)工程師考試問答知識庫