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

Web前端，主要是用來開發(fā)用戶通過瀏覽器可以瀏覽和使用的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ā)可以說是針對(duì)Web的結(jié)構(gòu)、行為和表現(xiàn)來進(jìn)行相應(yīng)的開發(fā)的，也可以說，前端開發(fā)主要是做Web端的結(jié)構(gòu)、行為以及表現(xiàn)。

3、Web前端開發(fā)技術(shù)是一個(gè)先易后難的過程，主要包括三個(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)過圖片進(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è)中想要查看的位置

前端工程師是做什么的？

一、什么是前端？

1、前端概念

前端即網(wǎng)站前臺(tái)部分，運(yùn)行在PC端，移動(dòng)端等瀏覽器上展現(xiàn)給用戶瀏覽的網(wǎng)頁(yè)。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，HTML5，CSS3，前端框架的應(yīng)用，跨平臺(tái)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)能夠適應(yīng)各種屏幕分辨率，完美的動(dòng)效設(shè)計(jì)，給用戶帶來極高的用戶體驗(yàn)。

2、前端特點(diǎn)

前端技術(shù)一般分為前端設(shè)計(jì)和前端開發(fā)，前端設(shè)計(jì)一般可以理解為網(wǎng)站的視覺設(shè)計(jì)，前端開發(fā)則是網(wǎng)站的前臺(tái)代碼實(shí)現(xiàn)，包括基本的HTML和CSS以及JavaScript/ajax，最新的高級(jí)版本HTML5、CSS3，以及SVG等。

3、前端主要技術(shù)：HTML、CSS、JavaScript

這三個(gè)是前端開發(fā)中最基本也是最必須的三個(gè)技能。前端的開發(fā)中，在頁(yè)面的布局時(shí)， HTML將元素進(jìn)行定義，CSS對(duì)展示的元素進(jìn)行定位，再通過JavaScript實(shí)現(xiàn)相應(yīng)的效果和交互。雖然表面看起來很簡(jiǎn)單，但這里面需要掌握的東西絕對(duì)不會(huì)少。在進(jìn)行開發(fā)前，需要對(duì)這些概念弄清楚、弄明白，這樣在開發(fā)的過程中才會(huì)得心應(yīng)手。

（1）HTML

指的是超文本標(biāo)記語(yǔ)言 (Hyper Text Markup Language)，這個(gè)也是我們網(wǎng)頁(yè)最常用普通的語(yǔ)言了，經(jīng)歷了多個(gè)版本的發(fā)展，已經(jīng)發(fā)展到5.0版了，得力于W3C建立的標(biāo)準(zhǔn)和規(guī)范，已普遍升級(jí)到了XHTML，XHTML 指可擴(kuò)展超文本標(biāo)簽語(yǔ)言（EXtensible HyperText Markup Language）， XHTML 于2000年的1月26日成為 W3C 標(biāo)準(zhǔn)，是更嚴(yán)格更純凈的 HTML 代碼，XHTML 的目標(biāo)是取代 HTML。XHTML 與 HTML 4.01 幾乎是相同的，XHTML 是作為一種 XML 應(yīng)用被重新定義的 HTML，是一個(gè) W3C 標(biāo)準(zhǔn)。W3C 將 XHTML 定義為最新的HTML版本。所有新的瀏覽器都支持 XHTML。

（2）CSS

級(jí)聯(lián)樣式表（Cascading Style Sheet）簡(jiǎn)稱“CSS”，通常又稱為“風(fēng)格樣式表（Style Sheet）”，它是用來進(jìn)行網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)的。比如，如果想讓鏈接字未點(diǎn)擊時(shí)是藍(lán)色的，當(dāng)鼠標(biāo)移上去后字變成紅色的且有下劃線，這就是一種風(fēng)格。通過設(shè)立樣式表，可以統(tǒng)一地控制HTML中各標(biāo)志的顯示屬性。級(jí)聯(lián)樣式表可以使人更能有效地控制網(wǎng)頁(yè)外觀。使用級(jí)聯(lián)樣式表，可以擴(kuò)充精確指定網(wǎng)頁(yè)元素位置，外觀以及創(chuàng)建特殊效果的能力。

（3）JavaScript

是一種由Netscape的LiveScript發(fā)展而來的原型化繼承的面向?qū)ο蟮膭?dòng)態(tài)類型的區(qū)分大小寫的客戶端腳本語(yǔ)言，主要目的是為了解決服務(wù)器端語(yǔ)言，比如Perl，遺留的速度問題，為客戶提供更流暢的瀏覽效果。當(dāng)時(shí)服務(wù)端需要對(duì)數(shù)據(jù)進(jìn)行驗(yàn)證，由于網(wǎng)絡(luò)速度相當(dāng)緩慢，只有28.8kbps，驗(yàn)證步驟浪費(fèi)的時(shí)間太多。于是Netscape的瀏覽器Navigator加入了Javascript，提供了數(shù)據(jù)驗(yàn)證的基本功能。

二、什么是后端？

1、后端概念

多數(shù)后端開發(fā)人員從事于構(gòu)建他們正在工作的應(yīng)用程序背后的實(shí)際邏輯。前端開發(fā)人員構(gòu)建用戶界面，而后端開發(fā)人員編寫代碼，使其工作。后端開發(fā)人員寫可使得按鈕工作的代碼，通過指出從數(shù)據(jù)庫(kù)中提取哪些數(shù)據(jù)并將其傳回到前端。后端開發(fā)人員也可能會(huì)大量參與系統(tǒng)架構(gòu)，決定如何組織系統(tǒng)的邏輯，以便能夠正常維護(hù)和運(yùn)行。

可能會(huì)參與構(gòu)建框架或系統(tǒng)架構(gòu)，以便于更容易編寫程序。后端開發(fā)人員比前端開發(fā)人員花費(fèi)更多的時(shí)間在實(shí)現(xiàn)算法和解決問題上。通常前端開發(fā)工作更多的是關(guān)于創(chuàng)建用戶界面和與之相關(guān)的內(nèi)容，而不是實(shí)現(xiàn)實(shí)際的業(yè)務(wù)邏輯，使應(yīng)用程序工作。

2、后端開發(fā)主要技術(shù)

前端開發(fā)人員需要知道一系列用于創(chuàng)建用戶界面的工具，而后端開發(fā)人員通常使用的是一套完全不同的工具和技能，以便于高效地完成他們的工作。后端開發(fā)人員所需的一個(gè)重要技能與SQL和數(shù)據(jù)庫(kù)有關(guān)。大多數(shù)后端系統(tǒng)需要連接到存儲(chǔ)應(yīng)用程序數(shù)據(jù)的數(shù)據(jù)庫(kù)。

后端開發(fā)人員通常的工作是從數(shù)據(jù)庫(kù)或其他數(shù)據(jù)源寫入、讀取和處理數(shù)據(jù)，因此擁有SQL等技能會(huì)非常重要。后端開發(fā)人員——至少對(duì)于Web開發(fā)——也需要擅長(zhǎng)他們正在使用的技術(shù)棧的服務(wù)器端語(yǔ)言。

后端開發(fā)人員需要更多地了解應(yīng)用程序架構(gòu)，因?yàn)榇蠖鄶?shù)情況下，后端開發(fā)人員需要去構(gòu)建應(yīng)用程序的體系結(jié)構(gòu)和內(nèi)部設(shè)計(jì)。一個(gè)好的后端開發(fā)人員得知道如何使用各種框架和庫(kù)，如何將它們集成到應(yīng)用程序中，以及如何構(gòu)建代碼和業(yè)務(wù)邏輯，用一種使系統(tǒng)更易于維護(hù)的方式。

前端用戶可見的界面，網(wǎng)站前端頁(yè)面就是網(wǎng)頁(yè)的頁(yè)面開發(fā)，前端的工作內(nèi)容就是將美工設(shè)計(jì)的效果圖的設(shè)計(jì)成瀏覽器可以運(yùn)行的網(wǎng)頁(yè)，并配合后端做網(wǎng)頁(yè)的數(shù)據(jù)顯示和交互等可視方面的工作內(nèi)容；后端是指用戶看不見的東西，通常是與前端工程師進(jìn)行數(shù)據(jù)交互及網(wǎng)站數(shù)據(jù)的保存和讀取，相對(duì)來說后端涉及到的邏輯代碼比前端要多的多，后端考慮的是底層業(yè)務(wù)邏輯的實(shí)現(xiàn)，平臺(tái)的穩(wěn)定性與性能等。

以上就是整理的前端和后端的具體區(qū)別。希望能幫到大家！

前端工程師主要是做什么的？

前端開發(fā)人員可以從事以下工作：

網(wǎng)站或應(yīng)用程序開發(fā)： 前端開發(fā)人員可以使用HTML、CSS、JavaScript等技術(shù)來創(chuàng)建網(wǎng)站或應(yīng)用程序的用戶界面。他們需要與后端開發(fā)人員密切合作，以確保整個(gè)網(wǎng)站或應(yīng)用程序能夠正確地工作。

前端框架或庫(kù)的開發(fā)： 前端開發(fā)人員可以負(fù)責(zé)開發(fā)或維護(hù)前端框架或庫(kù)，如React、Vue、Angular等。這些框架或庫(kù)可以幫助其他開發(fā)人員更快、更方便地開發(fā)網(wǎng)站或應(yīng)用程序。

用戶體驗(yàn)設(shè)計(jì)： 前端開發(fā)人員可以與用戶體驗(yàn)設(shè)計(jì)師合作，幫助設(shè)計(jì)師將設(shè)計(jì)圖轉(zhuǎn)化為可交互的網(wǎng)站或應(yīng)用程序。

網(wǎng)站或應(yīng)用程序的優(yōu)化： 前端開發(fā)人員可以使用各種技術(shù)和工具來優(yōu)化網(wǎng)站或應(yīng)用程序的性能和響應(yīng)速度，以提高用戶體驗(yàn)。

移動(dòng)應(yīng)用程序開發(fā)： 前端開發(fā)人員可以使用各種技術(shù)和工具來創(chuàng)建移動(dòng)應(yīng)用程序的用戶界面，如React Native、Flutter等。

總之，前端開發(fā)人員可以從事許多與網(wǎng)站、應(yīng)用程序、移動(dòng)應(yīng)用程序以及用戶體驗(yàn)等方面相關(guān)的工作。

想要系統(tǒng)學(xué)習(xí)，枯伍你可以考察對(duì)比一下開設(shè)有相關(guān)專業(yè)的熱門學(xué)校 獲取資料 好的學(xué)校擁有根據(jù)當(dāng)下企業(yè)需求自主研發(fā)課程的能力，能夠在校期間取得大專或本科學(xué)歷，中博軟件學(xué)院、南京課工場(chǎng)、南京北大青鳥等開設(shè)相關(guān)專業(yè)的學(xué)校都是不錯(cuò)的，建議實(shí)地考察對(duì)比一下。

祝你學(xué)有所成，望采納。

南京北大青鳥學(xué)生課堂實(shí)錄