前端開(kāi)發(fā)工程師是Web前端開(kāi)發(fā)工程師的簡(jiǎn)稱，是近五年才真正開(kāi)始受到重視的一個(gè)新興職業(yè)。Web前端開(kāi)發(fā)技術(shù)是一個(gè)先易后難的過(guò)程，主要包括三個(gè)要素：HTML、CSS和JavaScript，這就要求前端開(kāi)發(fā)工程師不僅要掌握基本的Web前端開(kāi)發(fā)技術(shù)，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識(shí)，而且要學(xué)會(huì)運(yùn)用各種工具進(jìn)行輔助開(kāi)發(fā)以及理論層面的知識(shí)，包括代碼的可維護(hù)性、組件的易用性、分層語(yǔ)義模板和瀏覽器分級(jí)支持等。Jiangxi xinhua diannao xueyuan專業(yè)為你解答計(jì)算機(jī)問(wèn)答，希望幫到你，謝謝采納

首先，前臺(tái)后臺(tái)可能你我理解不一樣。叫服務(wù)器端和瀏覽器端（或者客戶端）會(huì)更加準(zhǔn)確點(diǎn)。在服務(wù)器端，PHP是可選用的開(kāi)發(fā)語(yǔ)言之一，當(dāng)然，常用的還有 java, asp.net，在瀏覽器端，沒(méi)有支持PHP腳本運(yùn)行的環(huán)境。因?yàn)檫@是由瀏覽器廠商決定的，當(dāng)前占絕大部分市場(chǎng)的就是javascript了。因?yàn)橛械臑g覽器（如IE）都不能自動(dòng)更新，所以瀏覽器端技術(shù)進(jìn)步很慢。也有一些開(kāi)發(fā)者選擇用actionscript(flash)來(lái)做Js做不了的事，但那總是少數(shù)。對(duì)于你來(lái)說(shuō)，前端可以讓你明明白白的看到你的成果，而后端則是看不見(jiàn)的。也許對(duì)有些人來(lái)說(shuō)這也是枯燥無(wú)味的dreamweaver是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。Flash又被稱之為閃客，是由macromedia公司推出的交互式矢量圖和 Web 動(dòng)畫(huà)的標(biāo)準(zhǔn)，這兩個(gè)是軟件，可以網(wǎng)上下，HTML是一種語(yǔ)言，你打開(kāi)一個(gè)網(wǎng)頁(yè)查看源代碼，里面的就是HTML語(yǔ)言寫(xiě)的前臺(tái)用javascript css html，flash，后臺(tái)用php，asp,.net,jsp。這些都可以用的，你學(xué)Java語(yǔ)言都會(huì)了解到的

我們都知道網(wǎng)站開(kāi)發(fā)分為 前端（客戶端）和 后端（服務(wù)器端）兩個(gè)部分。網(wǎng)站開(kāi)發(fā) 后端 的是與數(shù)據(jù)庫(kù)進(jìn)行交互以處理相應(yīng)的業(yè)務(wù)邏輯。需要考慮的是如何實(shí)現(xiàn)功能、數(shù)據(jù)的存取、平臺(tái)的穩(wěn)定性與性能等。至于 前端，在這里泛指Web前端，也就是在Web應(yīng)用中用戶可以看得見(jiàn)碰得著的東西。包括Web頁(yè)面的結(jié)構(gòu)、Web的外觀視覺(jué)表現(xiàn)以及Web層面的交互實(shí)現(xiàn)。主要負(fù)責(zé)實(shí)現(xiàn)視覺(jué)和交互效果，以及與服務(wù)器通信，完成業(yè)務(wù)邏輯。它的核心價(jià)值在于實(shí)現(xiàn)用戶體驗(yàn)，大型互聯(lián)網(wǎng)公司的用戶體驗(yàn)部門(mén)，一般會(huì)包括用戶研究、交互設(shè)計(jì)、前端技術(shù)和視覺(jué)設(shè)計(jì)等方面的內(nèi)容。作為一名網(wǎng)站前端開(kāi)發(fā)者，以下的知識(shí)是不可或缺的：1HTMLHTML即HyperText Markup Languag，超級(jí)文本標(biāo)記語(yǔ)言。這是網(wǎng)站開(kāi)發(fā)中最簡(jiǎn)單的，也是最基礎(chǔ)的內(nèi)容，幾乎所有的開(kāi)發(fā)者都必須首先經(jīng)歷這個(gè)環(huán)節(jié)。必須要熟練掌握div、form、table、li 、p、span、font等等標(biāo)簽，這些都是最常用的。其中尤其需要注意div和table這兩個(gè)，算是用到最多的內(nèi)容。div用于布局；table用來(lái)和數(shù)據(jù)打交道（雖然table也可以用于布局,但是并不靈活）。2CSSCSS即Cascading style Sheets層疊樣式表，其中css3我們先不談。CSS主要用于輔助html來(lái)布局和展示，我們稱之為“css樣式”。對(duì)于css要掌握的內(nèi)容主要包括float、position、width、height、overflow、margin、padding等等,這些都是跟布局有關(guān)系的樣式。不管你用什么工具軟件制作網(wǎng)頁(yè)，其實(shí)都有在有意無(wú)意地使用CSS。用好CSS能使你的網(wǎng)頁(yè)更加簡(jiǎn)煉，為什么同樣內(nèi)容的網(wǎng)頁(yè)，有的人做出來(lái)有幾十KB，而高手做出來(lái)只有十幾KB，CSS在其中的作用是不言而喻的。3JSJS即JavaScript，作為一種直譯式腳本語(yǔ)言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語(yǔ)言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語(yǔ)言，最早是在HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）網(wǎng)頁(yè)上使用，用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能。我們所講的前兩個(gè)內(nèi)容都很基礎(chǔ)，接下來(lái)的東西可能接受起來(lái)有難度，但是事實(shí)上js入門(mén)算是比較簡(jiǎn)單的,不需要會(huì)很多東西的。基礎(chǔ)點(diǎn)的內(nèi)容只要會(huì)根據(jù)某個(gè)id、或者name拿到網(wǎng)頁(yè)dom或者樣式、或者值,然后會(huì)給某個(gè)id或者name的元素標(biāo)簽賦值、或者追加數(shù)據(jù)、追html,這個(gè)是跟數(shù)據(jù)有關(guān)系的操作,之后數(shù)據(jù)邏輯判斷。至于效果方面的,無(wú)非就是跳轉(zhuǎn)、彈框、隱藏什么的。當(dāng)然，這些東西單獨(dú)拿出來(lái)比較簡(jiǎn)單，但是實(shí)際中幾乎沒(méi)有這么簡(jiǎn)單的情況，很多時(shí)候都需要把這些各種各樣地結(jié)合起來(lái)。4JQueryJQuery說(shuō)白了是一個(gè)JavaScript（JS）框架，相當(dāng)于把js封裝了一套的一個(gè)js插件，目的就是操作起來(lái)更方便,代碼寫(xiě)的更少,它支持JS的常規(guī)操作以及一些擴(kuò)展，比如圖形等，對(duì)JSON格式也能很好的解析，ajax也做了封裝，語(yǔ)法也比較簡(jiǎn)單。功能十分強(qiáng)大。jquery入門(mén)也很簡(jiǎn)單,那些是入門(mén)需要學(xué)的和js一樣,只是換成了jq的代碼。不好的地方是它將js語(yǔ)法與開(kāi)發(fā)人員完全隔離，也就說(shuō)你開(kāi)發(fā)幾年JQuery后還會(huì)不會(huì)用純 編程都是個(gè)問(wèn)題。5CSS3+HTML5這是最近比較流行的內(nèi)容了。HTML5在原有的基礎(chǔ)上新增和移除了一些元素，提供了對(duì)表單的強(qiáng)大支持。它并非僅僅用來(lái)表示W(wǎng)eb內(nèi)容，它的新使命是將Web帶入一個(gè)成熟的應(yīng)用平臺(tái)，在HTML 5平臺(tái)上，視頻，音頻，圖象，動(dòng)畫(huà)，以及同電腦的交互都被標(biāo)準(zhǔn)化。CSS3對(duì)于我們Web開(kāi)發(fā)者來(lái)說(shuō)不只是新奇的技術(shù)，更重要的是這些全新概念的web應(yīng)用給我們帶來(lái)無(wú)限的可能性，也極大地提高了我們的開(kāi)發(fā)效率。我們將不必再依賴圖片或者Javascript 去完成圓角、多背景、用戶自定義字體、3D動(dòng)畫(huà)、漸變、盒陰影、文字陰影、透明度等提高Web設(shè)計(jì)質(zhì)量的特色應(yīng)用。6簡(jiǎn)單后臺(tái)語(yǔ)言作為一名前端開(kāi)發(fā)者不僅需要掌握上面講的有關(guān)前端的知識(shí)，還必須懂一點(diǎn)后臺(tái)語(yǔ)言,比如java、php等等。因?yàn)榍芭_(tái)界面的數(shù)據(jù)都是從后臺(tái)來(lái)的,我們必須知道怎么跟后臺(tái)交互數(shù)據(jù)。這樣不僅能夠節(jié)約時(shí)間，還可以讓前端代碼更規(guī)范，讓后臺(tái)開(kāi)發(fā)者減少一些不必要的麻煩。否則的話，可能因?yàn)榍芭_(tái)的寫(xiě)法和后端給來(lái)的數(shù)據(jù)不能結(jié)合上,導(dǎo)致前端代碼必須重新編寫(xiě)。

做網(wǎng)站開(kāi)發(fā)需要學(xué)習(xí)下面幾個(gè)知識(shí)：1.至少要會(huì)一種開(kāi)發(fā)語(yǔ)言，如Java、php等。2.學(xué)習(xí)數(shù)據(jù)庫(kù)，比如簡(jiǎn)單的Mysql。3.學(xué)習(xí)并掌握java等語(yǔ)言和數(shù)據(jù)庫(kù)的結(jié)合運(yùn)用，也就是jdbc技術(shù)。4.學(xué)習(xí)腳本語(yǔ)言javascript，并且結(jié)合html和css運(yùn)用。5.學(xué)下簡(jiǎn)單的xml，可以方便你調(diào)試更改配置。6.學(xué)習(xí)servlet 服務(wù)器技術(shù)，搭配jsp或php。7.想讓網(wǎng)站更完美，需要學(xué)ajax和jQuery，可以增強(qiáng)用戶體驗(yàn)，和縮短開(kāi)發(fā)時(shí)間。8.學(xué)習(xí)框架ssh（struts2，、hibernate、spring），這個(gè)可以極大簡(jiǎn)化你的代碼。如果是前臺(tái)的一些東西需要學(xué)習(xí)photoshop（美工必學(xué)的）+dreaweaver（css+div）+javacript（js起碼會(huì)用不要求寫(xiě)）上面是前臺(tái)必須要求熟練使用的。

以下的web前端開(kāi)發(fā)技術(shù)你必須要一項(xiàng)一項(xiàng)的掌握。 html css ajax jquery extjs java scriptAJAX全稱為“Asynchronous JavaScript and XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。 國(guó)內(nèi)通常的讀音為“阿賈克斯”和阿賈克斯足球隊(duì)讀音一樣。jquery jQuery是繼prototype之后又一個(gè)優(yōu)秀的Javascrīpt框架,jQuery是一個(gè)快速的，簡(jiǎn)潔的javaScript庫(kù)，使用戶能更方便地處理HTML documents、events、實(shí)現(xiàn)動(dòng)畫(huà)效果，并且方便地為網(wǎng)站提供AJAX交互?！PI(Application Programming Interface,應(yīng)用程序編程接口)是一些預(yù)先定義的函數(shù)，目的是提供應(yīng)用程序與開(kāi)發(fā)人員基于某軟件或硬件的以訪問(wèn)一組例程的能力，而又無(wú)需訪問(wèn)源碼，或理解內(nèi)部工作機(jī)制的細(xì)節(jié).Javacript是一種能讓你的網(wǎng)頁(yè)更加生動(dòng)活潑的程式語(yǔ)言，也是目前網(wǎng)頁(yè)中設(shè)計(jì)中最容易學(xué)又最方便的語(yǔ)言。你可以利用Javacript輕易的做出親切的歡迎訊息、漂亮的數(shù)字鐘、有廣告效果的跑馬燈及簡(jiǎn)易的選舉，還可以顯示瀏覽器停留的時(shí)間.Cascading Style Sheets 層疊樣式表.HTML（HyperText Mark-up Language）即超文本標(biāo)記語(yǔ)言或超文本鏈接標(biāo)示語(yǔ)言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言。ASP是Active Server Page的縮寫(xiě)，意為“動(dòng)態(tài)服務(wù)器頁(yè)面”。ASP是微軟公司開(kāi)發(fā)的代替CGI腳本程序的一種應(yīng)用,它可以與數(shù)據(jù)庫(kù)和其它程序進(jìn)行交互，是一種簡(jiǎn)單、方便的編程工具。ASP的網(wǎng)頁(yè)文件的格式是.asp，現(xiàn)在常用于各種動(dòng)態(tài)網(wǎng)站中。PHP，一個(gè)嵌套的縮寫(xiě)名稱，是英文超級(jí)文本預(yù)處理語(yǔ)言（PHP:Hypertext Preprocessor）的縮寫(xiě)。PHP 是一種 HTML 內(nèi)嵌式的語(yǔ)言.Google Web Toolkit (簡(jiǎn)稱GWT) 是 Google 推出的 Ajax 應(yīng)用開(kāi)發(fā)包，GWT 支持開(kāi)發(fā)者使用Java 語(yǔ)言開(kāi)發(fā) Ajax 應(yīng)用.extjs ExtJS是一個(gè)Ajax框架，是一個(gè)用javascript寫(xiě)的，用于在客戶端創(chuàng)建豐富多彩的web應(yīng)用程序界面。ExtJS可以用來(lái)開(kāi)發(fā)RIA也即富客戶端的AJAX應(yīng)用

網(wǎng)站建設(shè) 是一個(gè)綜合性的技巧，就像種菜,并不是說(shuō)知道操作流程就一定會(huì)種菜，還要土壤，水肥，氣候，直接間接的相關(guān)知識(shí)都做一定的了解，才能真正去操作，所以那些速成的教程，僅僅是表面皮毛而已，真的去模仿會(huì)出現(xiàn)各種各樣的問(wèn)題，而且是從未了解過(guò)的，出了問(wèn)題會(huì)覺(jué)得 前所未有的茫然，特別是那些教程又是毫無(wú)責(zé)任而言的,不可能去給你解決問(wèn)題，最終還是要一個(gè)好的服務(wù)商。————————————————————以十幾年的企業(yè)網(wǎng)建運(yùn)維網(wǎng)商系統(tǒng)經(jīng)驗(yàn)感覺(jué)，網(wǎng)站=域名+服務(wù)器空間+網(wǎng)站程序+售后服務(wù)，網(wǎng)站就像一個(gè)家：【域名】：網(wǎng)址 就相當(dāng)于你家的住址?！究臻g】：就是你蓋房子的基礎(chǔ) 土地 環(huán)境 等?！境绦颉浚壕褪悄慵业闹黧w框架,是整個(gè)家的運(yùn)轉(zhuǎn)中心。【模板】：網(wǎng)站的美化 就是你家的裝修,當(dāng)然因人而異有人不裝修原汁原味也可以。【維護(hù)】：技術(shù)性維護(hù)就像您安居樂(lè)業(yè)的保安和堅(jiān)實(shí)后盾?！厩趧凇浚菏钦麄€(gè)家可以穩(wěn)定持續(xù)運(yùn)轉(zhuǎn)極其重要的部分，家里所有的東西都要靠你的勤奮去填充，增加，讓大家覺(jué)著你家很好 很充實(shí)。 這就是一個(gè)完美網(wǎng)站的所有，有能力和經(jīng)驗(yàn)的可以全部自己做好,沒(méi)有相關(guān)經(jīng)驗(yàn)的就找專業(yè)的建站公司全套服務(wù)。畢竟專業(yè)做了很多年，而你自己要從頭學(xué)會(huì)再去做一件事，耗費(fèi)的時(shí)間非常漫長(zhǎng)，很有可能當(dāng)你學(xué)成，已經(jīng)沒(méi)了當(dāng)年的斗志和環(huán)境，這個(gè)世界上也沒(méi)有人能夠會(huì)所有的技術(shù)，所有人都是靠和別人交換價(jià)值來(lái)生存生活的，所以存在一個(gè)很通用的名言：用合適的成本，找合適的人，去做合適的事。。。你會(huì)的技能別人需要，別人的技能你也需要，這正是世界發(fā)展的自然規(guī)律。

以下的web前端開(kāi)發(fā)技術(shù)你必須要一項(xiàng)一項(xiàng)的掌握。 html css ajax jquery extjs java scriptAJAX全稱為“Asynchronous JavaScript and XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。 國(guó)內(nèi)通常的讀音為“阿賈克斯”和阿賈克斯足球隊(duì)讀音一樣。jquery jQuery是繼prototype之后又一個(gè)優(yōu)秀的Javascrīpt框架,jQuery是一個(gè)快速的，簡(jiǎn)潔的javaScript庫(kù)，使用戶能更方便地處理HTML documents、events、實(shí)現(xiàn)動(dòng)畫(huà)效果，并且方便地為網(wǎng)站提供AJAX交互?！PI(Application Programming Interface,應(yīng)用程序編程接口)是一些預(yù)先定義的函數(shù)，目的是提供應(yīng)用程序與開(kāi)發(fā)人員基于某軟件或硬件的以訪問(wèn)一組例程的能力，而又無(wú)需訪問(wèn)源碼，或理解內(nèi)部工作機(jī)制的細(xì)節(jié).Javacript是一種能讓你的網(wǎng)頁(yè)更加生動(dòng)活潑的程式語(yǔ)言，也是目前網(wǎng)頁(yè)中設(shè)計(jì)中最容易學(xué)又最方便的語(yǔ)言。你可以利用Javacript輕易的做出親切的歡迎訊息、漂亮的數(shù)字鐘、有廣告效果的跑馬燈及簡(jiǎn)易的選舉，還可以顯示瀏覽器停留的時(shí)間.Cascading Style Sheets 層疊樣式表.HTML（HyperText Mark-up Language）即超文本標(biāo)記語(yǔ)言或超文本鏈接標(biāo)示語(yǔ)言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言。ASP是Active Server Page的縮寫(xiě)，意為“動(dòng)態(tài)服務(wù)器頁(yè)面”。ASP是微軟公司開(kāi)發(fā)的代替CGI腳本程序的一種應(yīng)用,它可以與數(shù)據(jù)庫(kù)和其它程序進(jìn)行交互，是一種簡(jiǎn)單、方便的編程工具。ASP的網(wǎng)頁(yè)文件的格式是.asp，現(xiàn)在常用于各種動(dòng)態(tài)網(wǎng)站中。PHP，一個(gè)嵌套的縮寫(xiě)名稱，是英文超級(jí)文本預(yù)處理語(yǔ)言（PHP:Hypertext Preprocessor）的縮寫(xiě)。PHP 是一種 HTML 內(nèi)嵌式的語(yǔ)言.Google Web Toolkit (簡(jiǎn)稱GWT) 是 Google 推出的 Ajax 應(yīng)用開(kāi)發(fā)包，GWT 支持開(kāi)發(fā)者使用Java 語(yǔ)言開(kāi)發(fā) Ajax 應(yīng)用.extjs ExtJS是一個(gè)Ajax框架，是一個(gè)用javascript寫(xiě)的，用于在客戶端創(chuàng)建豐富多彩的web應(yīng)用程序界面。ExtJS可以用來(lái)開(kāi)發(fā)RIA也即富客戶端的AJAX應(yīng)用

如何判斷一個(gè)網(wǎng)站用什么語(yǔ)言編寫(xiě)的方法有很多種，具體如下1、通用的可以用firebug或者chrome的工具來(lái)查看網(wǎng)頁(yè)的Response Headers：如上可知是用的html語(yǔ)言編寫(xiě)的2、同時(shí)還可以根據(jù)網(wǎng)址的后綴來(lái)判斷，但這個(gè)不一定準(zhǔn)確，很多網(wǎng)站對(duì)于顯示的網(wǎng)址進(jìn)行了封裝的，如：.php php編寫(xiě)     .asp asp編寫(xiě)    .aspx .net編寫(xiě)     .jsp java編寫(xiě) 如圖：