web前端開發(fā)主要就是HTML和CSS，可以在網(wǎng)絡(luò)上自學(xué)，有專門的教程，或者是去專業(yè)的培訓(xùn)學(xué)院學(xué)習(xí)………

UI設(shè)計(jì)和Web前端的工作并不一樣，但也有公司為了提高工作效率在這兩塊工作是由同一個(gè)人來做的。ui與web前端的區(qū)別主要有：

1、概念不同 UI設(shè)計(jì)（或稱界面設(shè)計(jì)）是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。UI設(shè)計(jì)分為實(shí)體UI和虛擬UI，互聯(lián)網(wǎng)說的UI設(shè)計(jì)是虛擬UI，UI即User Interface(用戶界面)的簡(jiǎn)稱。 web前端是創(chuàng)建Web頁面或app等前端界面呈現(xiàn)給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術(shù)、框架、解決方案，來實(shí)現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互。

2、研究方向不同 UI設(shè)計(jì)的研究方向是：用戶研究、交互設(shè)計(jì)、界面設(shè)計(jì)； web前端的研究方向是技術(shù)方向：包括html、css、js等需要編寫代碼。

3、職業(yè)機(jī)會(huì)不同 UI設(shè)計(jì)的職業(yè)方向是：前端開發(fā)工程師、資深前端開發(fā)工程師、前端架構(gòu)師等； web前端的職業(yè)方向是：圖形設(shè)計(jì)師、交互設(shè)計(jì)師、用戶測(cè)試/研究工程師等； 計(jì)交給美工來做，把html5、css、js的添加交給web前端工程師來做，

4、工作內(nèi)容不同 UI前端：主要負(fù)責(zé)系統(tǒng)/app，UI界面設(shè)計(jì)，以及html代碼實(shí)現(xiàn)，主要工作偏向于設(shè)計(jì)。 web前端：主要講ui提供的設(shè)計(jì)圖，編碼成靜態(tài)html，實(shí)現(xiàn)所有特效；并負(fù)責(zé)所有交互的對(duì)接，對(duì)js要求較高，會(huì)要求一些后臺(tái)接口的開發(fā)工作，因此對(duì)后臺(tái)開發(fā)語言也有一定的要求。

5、所需技術(shù)不同 web前端會(huì)用到Bootstrap、Vue、Jquery、Javascript、CSS、html等技術(shù)知識(shí)； 而UI前端需要是有很好的審美能力，通常需要有美術(shù)設(shè)計(jì)教育背景。

web前端即為網(wǎng)站的前端開發(fā)，前端開發(fā)是創(chuàng)建Web頁面或app等前端界面呈現(xiàn)給用戶的過程。

web前端開發(fā)通過HTML，CSS及JavaScript以及衍生出來的各種技術(shù)、框架、解決方案，來實(shí)現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互。它從網(wǎng)頁制作演變而來，名稱上有很明顯的時(shí)代特征。網(wǎng)頁制作是Web1.0時(shí)代的產(chǎn)物，早期網(wǎng)站主要內(nèi)容都是靜態(tài)，以圖片和文字為主，用戶使用網(wǎng)站的行為也以瀏覽為主。

隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展和HTML5、CSS3的應(yīng)用，現(xiàn)代網(wǎng)頁更加美觀，交互效果顯著，功能更加強(qiáng)大。Web前端主要是用來開發(fā)用戶通過瀏覽器可以瀏覽和使用的Web頁面的。 一般而言，所涉及的內(nèi)容主要包括W3C中的HTML、CSS和JavaScript這三方面的內(nèi)容。

擴(kuò)展資料：

隨著互聯(lián)網(wǎng)的迅猛發(fā)展和普及，一個(gè)新型的行業(yè)和新興的職位正在上升到技術(shù)的層面：web前端開發(fā)工程師

Web前端開發(fā)工程師，除了主要職責(zé)外，還要為網(wǎng)站上提供的產(chǎn)品和服務(wù)實(shí)現(xiàn)一流的Web界面，優(yōu)化代碼并保持良好兼容性

Web前端表現(xiàn)層及與前后端交互的架構(gòu)設(shè)計(jì)和開發(fā)web前端開發(fā)工程師-web2.0時(shí)代

配合后臺(tái)開發(fā)人員實(shí)現(xiàn)產(chǎn)品界面和功能

利用各種Web技術(shù)模擬開發(fā)產(chǎn)品原型

Web新技術(shù)調(diào)研和資訊整理

精通HTML/XHTML、CSS，熟悉頁面架構(gòu)和布局，對(duì)Web標(biāo)準(zhǔn)和標(biāo)簽語義化有深入理解

熟悉Ajax、JavaScript(或者ActionScript)、DOM等前端技術(shù)，掌握面向?qū)ο缶幊趟枷?/p>