前端是指應(yīng)用的表層部分，就是用戶直接能看到的。UI一般指的是各種軟件的界面，而web前端指的是網(wǎng)站的頁面，你說的網(wǎng)頁前端是和web前端一樣的。網(wǎng)站的英文說法也就是web.

前端開發(fā)工程師獨(dú)立出來主要就是做數(shù)據(jù)交互、后臺(tái)處理、SEO優(yōu)化等工作，要熟練各種腳本語言和運(yùn)行環(huán)境，熟悉XML、SQL、ORACLE等數(shù)據(jù)庫，熟悉AJXA、Jquery、Slivelight、Struct2、CSS4、Html5等網(wǎng)站處理技術(shù)。網(wǎng)頁設(shè)計(jì)（web design，又稱為Web UI design，WUI design，WUI），是根據(jù)企業(yè)希望向?yàn)g覽者傳遞的信息（包括產(chǎn)品、服務(wù)、理念、文化），進(jìn)行網(wǎng)站功能策劃，然后進(jìn)行的頁面設(shè)計(jì)美化工作。作為企業(yè)對(duì)外宣傳物料的其中一種，精美的網(wǎng)頁設(shè)計(jì)，對(duì)于提升企業(yè)的互聯(lián)網(wǎng)品牌形象至關(guān)重要。網(wǎng)頁設(shè)計(jì)一般分為三種大類：功能型網(wǎng)頁設(shè)計(jì)（服務(wù)網(wǎng)站&B/S軟件用戶端）、形象型網(wǎng)頁設(shè)計(jì)（品牌形象站）、信息型網(wǎng)頁設(shè)計(jì)（門戶站）。設(shè)計(jì)網(wǎng)頁的目的不同，應(yīng)選擇不同的網(wǎng)頁策劃與設(shè)計(jì)方案。網(wǎng)頁設(shè)計(jì)的工作目標(biāo)，是通過使用更合理的顏色、字體、圖片、樣式進(jìn)行頁面設(shè)計(jì)美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗(yàn)。高級(jí)的網(wǎng)頁設(shè)計(jì)甚至?xí)紤]到通過聲光、交互等來實(shí)現(xiàn)更好的視聽感受。網(wǎng)頁設(shè)計(jì)主要以Adobe產(chǎn)品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動(dòng)畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。

　　初學(xué)web前端開發(fā)可以使用DW?！　eb前端開發(fā)是個(gè)非常新的職業(yè)，對(duì)一些規(guī)范和最佳實(shí)踐的研究都處于探索階段。總有新的靈感和技術(shù)不時(shí)閃現(xiàn)出來，新的技術(shù)也給網(wǎng)頁增加了許多新的活力；瀏覽器大戰(zhàn)也越來越白熱化，跨瀏覽器兼容方案依然是五花八門。為了滿足“高可維護(hù)性”的需要，我們需要更深入，更系統(tǒng)地去掌握前端知識(shí).　　那么我們應(yīng)該怎么學(xué)習(xí)前端開發(fā)這門技術(shù)呢？ 　　現(xiàn)在很多小伙伴喜歡在互聯(lián)網(wǎng)上找視頻資料學(xué)習(xí)網(wǎng)頁制作，但是光看視頻你是不可能學(xué)會(huì)網(wǎng)頁制作的，沒有人指導(dǎo)你，而且很多視頻已經(jīng)過時(shí)了 ，并沒有什么用!  如果你真的想學(xué)習(xí)網(wǎng)頁制作這門技術(shù)，你可以來這個(gè)裙，最前面的是 4 9 四+中間是 靈 六 思+最后是 久 三 思！ 在這里有最新的HTML課程 免費(fèi)學(xué)習(xí) 也有很多人指導(dǎo)你進(jìn)步，不需要你付出什么，只要你是真心想學(xué)習(xí)的，隨便看看的就不要加了，加了也是浪費(fèi)大家的時(shí)間 ?！　　　　　　　eb前端開發(fā)在產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來越重要，而且需要專業(yè)的前端工程師才能做好。Web前端開發(fā)是一項(xiàng)很特殊的工作，涵蓋的知識(shí)面非常廣，既有具體的技術(shù)，又有抽象的理念。簡(jiǎn)單地說，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。聽起來比較復(fù)雜，但前端開發(fā)的門檻其實(shí)非常的低，與服務(wù)器端語言先慢后快的學(xué)習(xí)曲線相比，前端開發(fā)的學(xué)習(xí)曲線是先快后慢?！　∷?，對(duì)于從事IT工作的人來說，前端開發(fā)是個(gè)不錯(cuò)的初入點(diǎn)。也正因?yàn)槿绱?，前端開發(fā)的領(lǐng)域有很多自學(xué)成“才”的同行，但大多數(shù)人都停留在會(huì)用的階段，因?yàn)楹竺娴膶W(xué)習(xí)曲線越來越陡峭，每前進(jìn)一步都很難。更系統(tǒng)的學(xué)習(xí)，做專業(yè)的人才更利于職業(yè)發(fā)展。當(dāng)然學(xué)習(xí)的目的是為了就業(yè)，我們來看一下，web前端開發(fā)工程師前景如何？　　行業(yè)發(fā)展好　　從我們身邊的方方面面考慮，互聯(lián)網(wǎng)行業(yè)無疑是現(xiàn)在發(fā)展前景最好的行業(yè)之一。潭州教育致力于改變中國(guó)IT實(shí)踐教學(xué)模式，引領(lǐng)中國(guó)IT教學(xué)技術(shù)標(biāo)準(zhǔn)與人才培養(yǎng)標(biāo)準(zhǔn)。讓想學(xué)習(xí)的人隨時(shí)隨地都可以進(jìn)行學(xué)習(xí)！　　人才需求大　　互聯(lián)網(wǎng)對(duì)人們的影響越來越大，各類職業(yè)也需求，前端的人才需求比以前也有了質(zhì)的飛躍。我們希望從業(yè)者：“我們不是為了學(xué)技術(shù)而去學(xué)技術(shù)，我們學(xué)技術(shù)是為了能更好去做產(chǎn)品”。最后引用喬布斯的話，Web就是未來，我們作為前端開發(fā)工作者也是未來。相信Web前端開發(fā)的明天會(huì)更好。

web前端主要是通過div+css等技術(shù)來完成一個(gè)傳統(tǒng)pc網(wǎng)頁的靜態(tài)頁面制作，移動(dòng)web前端是通過html5+css3等技術(shù)來完成一個(gè)手機(jī)端訪問的網(wǎng)頁的制作，一個(gè)是針對(duì)pc一個(gè)是針對(duì)手機(jī)，這個(gè)就是它們最大的區(qū)別了。國(guó)內(nèi)像切圖網(wǎng)等就是專門提供這樣的服務(wù)的，只需要提供設(shè)計(jì)稿就可以了。

Web前端開發(fā)技術(shù)主要包括三個(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ù)性、組件的易用性、分層語義模板和瀏覽器分級(jí)支持等。如何學(xué)習(xí)前端知識(shí)？我們生活在一個(gè)充滿規(guī)則的宇宙里面。社會(huì)秩序按照規(guī)則運(yùn)行，計(jì)算機(jī)語言幾乎全部是規(guī)則的集合。計(jì)算機(jī)前輩們定義規(guī)則，規(guī)則約束我們，我們用規(guī)則控制數(shù)據(jù)。大部分時(shí)候，對(duì)數(shù)據(jù)的合理控制，來自于你對(duì)規(guī)則的掌握?，F(xiàn)在很多小伙伴喜歡在互聯(lián)網(wǎng)上找視頻資料學(xué)習(xí)網(wǎng)頁制作，但是光看視頻你是不可能學(xué)會(huì)網(wǎng)頁制作的，沒有人指導(dǎo)你，而且很多視頻已經(jīng)過時(shí)了 ，并沒有什么用!  如果你真的想學(xué)習(xí)網(wǎng)頁制作這門技術(shù)，你可以來這個(gè)裙，前面是6 1 1，中間是四 貳 八，最后是壹  ④ 二！ 在這里有最新的HTML課程 免費(fèi)學(xué)習(xí) 也有很多人指導(dǎo)你進(jìn)步，不需要你付出什么，只要你是真心想學(xué)習(xí)的，隨便看看的就不要加了，加了也是浪費(fèi)大家的時(shí)間 。學(xué)習(xí) HTML，CSS 應(yīng)該先跟著書仔細(xì)、扎實(shí)的學(xué)一遍。然后就需要做大量的練習(xí)，做各種常規(guī)的、奇怪的、大量的布局練習(xí)來捆固、理解自己的知識(shí)。而學(xué)習(xí) Javascript 首先要知道這門語言可以做什么，不能做什么，擅長(zhǎng)做什么，不擅長(zhǎng)做什么！如果你只想當(dāng)一個(gè)普通的前端程序員，你只需要記住大部分 Javascript 函數(shù)，做一些練習(xí)就可以了。如果你想當(dāng)深入了解Javascript，你需要了解 Javascript 的原理，機(jī)制。需要知道他們的本源，需要深刻了解Javascript 基于對(duì)象的本質(zhì)。還需要 深刻了解 瀏覽器宿主 下 的 Javascript 的行為、特性。因?yàn)闅v史原因，Javascript一直不被重視，有點(diǎn)像被收養(yǎng)的一般！ 所以他有很多缺點(diǎn)，各個(gè)宿主環(huán)境下的行為不統(tǒng)一、內(nèi)存溢出問題、執(zhí)行效率低下等問題。作為一個(gè)優(yōu)秀的前端工程師還需要深入了解、以及學(xué)會(huì)處理 Javascript 的這些缺陷。Web前端：1）精通HTML，能夠書寫語義合理，結(jié)構(gòu)清晰，易維護(hù)的HTML結(jié)構(gòu)。2）精通CSS，能夠還原視覺設(shè)計(jì)，并兼容業(yè)界承認(rèn)的主流瀏覽器。3）熟悉JavaScript，了解ECMAScript基礎(chǔ)內(nèi)容，掌握1~2種js框架，如JQuery4）對(duì)常見的瀏覽器兼容問題有清晰的理解，并有可靠的解決方案。5）對(duì)性能有一定的要求，了解yahoo的性能優(yōu)化建議，并可以在項(xiàng)目中有效實(shí)施。6）......Web后端：1）精通jsp，servlet，java bean，JMS，EJB，Jdbc，F(xiàn)lex開發(fā)，或者對(duì)相關(guān)的工具、類庫以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，對(duì)Web開發(fā)的模式有較深的理解2）練使用oracle、sqlserver、mysql等常用的數(shù)據(jù)庫系統(tǒng)，對(duì)數(shù)據(jù)庫有較強(qiáng)的設(shè)計(jì)能力3）熟悉maven項(xiàng)目配置管理工具，熟悉tomcat、jboss等應(yīng)用服務(wù)器，同時(shí)對(duì)在高并發(fā)處理情況下的負(fù)載調(diào)優(yōu)有相關(guān)經(jīng)驗(yàn)者優(yōu)先考慮4）精通面向?qū)ο蠓治龊驮O(shè)計(jì)技術(shù)，包括設(shè)計(jì)模式、UML建模等5）熟悉網(wǎng)絡(luò)編程，具有設(shè)計(jì)和開發(fā)對(duì)外API接口經(jīng)驗(yàn)和能力，同時(shí)具備跨平臺(tái)的API規(guī)范設(shè)計(jì)以及API高效調(diào)用設(shè)計(jì)能力6）......從幾個(gè)公司的招聘要求可以看到，做Web開發(fā)，對(duì)前端和后端的要求是各自所不同的。而我們目前的實(shí)際情況，也和這個(gè)差不多，但是，我們無論在知識(shí)的掌握程度上，還是知識(shí)掌握的寬度上，都是不夠的。首先，我們?cè)谇岸巳狈Ψe累，沒有沉淀，專業(yè)的前端技術(shù)的積累是從去年才開始的，同時(shí)，在前端也缺乏支撐與高手，所以，走起來比較困難。同時(shí)，前端人員培養(yǎng)的較少，一個(gè)原因是對(duì)前端了解太少，另外一個(gè)原因就是對(duì)前端與后端的工作比例估計(jì)不足。所幸，我們?cè)谶@一年也在前端有了很快的進(jìn)步，培養(yǎng)了幾個(gè)優(yōu)秀的開發(fā)人員，有意識(shí)的解決了前端的用戶體驗(yàn)，這都是可喜的。今年，需要更進(jìn)一步，專業(yè)化。其次，我們?cè)诤蠖税l(fā)展的不夠?qū)?，后端的知識(shí)體系已經(jīng)比較完善，但是，很多應(yīng)用點(diǎn)都沒有涉及到。同時(shí)，對(duì)現(xiàn)有技術(shù)框架的理解都不夠深入，太浮躁。我們目前的設(shè)計(jì)團(tuán)隊(duì)在解決互聯(lián)網(wǎng)高并發(fā)、大數(shù)據(jù)量的存取上經(jīng)驗(yàn)與能力都還不足，需要正視這些問題。后端技術(shù)的發(fā)展需要更加的精進(jìn)，以解決實(shí)際存在的問題為主。最后，我們?cè)谇岸?、后端都缺乏熟練工，這會(huì)影響到開發(fā)的速度，同時(shí)，也不利于后期技術(shù)的研究。

　　html5是屬于web前端開發(fā)的一部分，萬維網(wǎng)的核心語言、標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用超文本標(biāo)記語言（HTML）的第五次重大修改，就是我們所說的html5.　　HTML5手機(jī)應(yīng)用的最大優(yōu)勢(shì)就是可以在網(wǎng)頁上直接調(diào)試和修改。原先應(yīng)用的開發(fā)人員可能需要花費(fèi)非常大的力氣才能達(dá)到HTML5的效果，不斷地重復(fù)編碼、調(diào)試和運(yùn)行，這是首先得解決的一個(gè)問題。因此也有許多手機(jī)雜志客戶端是基于HTML5標(biāo)準(zhǔn)，開發(fā)人員可以輕松調(diào)試修改。這也是國(guó)內(nèi)市場(chǎng)web前端開發(fā)火爆的原因之一：html5在國(guó)內(nèi)的火爆。　　至于web前端開發(fā)，所涵蓋的范圍比html5更加大。web前端開發(fā)還包括了其它技能，比如說后臺(tái)html，css，div等都是屬于web前端開發(fā)的，html5和其它技能都是一樣的，是屬于web前端開發(fā)的一種技術(shù)，就是我們平時(shí)所說的移動(dòng)端的網(wǎng)頁制作，簡(jiǎn)稱H5。

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

　　web前端開發(fā)包括的技術(shù)：　　1、學(xué)好CSS是網(wǎng)頁外觀的重要一點(diǎn)，CSS可以幫助把網(wǎng)頁外觀做得更加美觀?！　?、div布局： DIV元素是用來為HTML文檔內(nèi)大塊的內(nèi)容提供結(jié)構(gòu)和背景的元素?！　?、學(xué)習(xí)JavaScript的基本語法，以及如何使用。JavaScript編程將會(huì)提高開發(fā)人員的個(gè)人技能?！　?、了解Unix和Linux的基本知識(shí)雖然這兩點(diǎn)很基礎(chǔ)，但是開發(fā)人員了解Unix和Linux的基本知識(shí)是有益無害的?！　?、html5+css3：移動(dòng)端的網(wǎng)頁制作。在移動(dòng)設(shè)備開發(fā)HTML5應(yīng)用只有兩種方法，要不就是全使用HTML5的語法，要不就是僅使用JavaScript引擎，現(xiàn)在也是前端的一個(gè)趨勢(shì)?！　?、一些框架的應(yīng)用：angular.js，node.js，bootsttap等框架的應(yīng)用?！　?、了解Web服務(wù)器對(duì)Apache的基本配置，并且掌握htaccess配置技巧　　7、web前端開發(fā)技術(shù)，還需要學(xué)習(xí)一些seo優(yōu)化技術(shù)，因?yàn)榍岸耸墙?jīng)常會(huì)和網(wǎng)站接觸的?！　?、掌握web前端開發(fā)技術(shù)的同時(shí)，適當(dāng)?shù)膶W(xué)習(xí)一些后臺(tái)開發(fā)語言（java，php等）也是一個(gè)不錯(cuò)的選擇?！　?

web前端主要是通過div+css等技術(shù)來完成一個(gè)傳統(tǒng)pc網(wǎng)頁的靜態(tài)頁面制作，移動(dòng)web前端是通過html5+css3等技術(shù)來完成一個(gè)手機(jī)端訪問的網(wǎng)頁的制作，一個(gè)是針對(duì)pc一個(gè)是針對(duì)手機(jī)，這個(gè)就是它們最大的區(qū)別了。國(guó)內(nèi)像切圖網(wǎng)等就是專門提供這樣的服務(wù)的，只需要提供設(shè)計(jì)稿就可以了。