前端移動網(wǎng)站開發(fā)，前端和UI設(shè)計有什么區(qū)別？
就在前幾天，在我們?nèi)嗣}圈里討論過這樣一個問題：前端是做什么的呢，UI又是做什么的呢？他兩者差不多把，咳咳這里告訴大家！其實差太多了~~~還有好多的小同學(xué)常問我學(xué)Web前端，還是學(xué)UI啊，今天就為大家講解下兩者有什么區(qū)別！
什么是web前端開發(fā)工程師？
Web前端開發(fā)工程師，是從事Web前端開發(fā)工作的工程師。主要進(jìn)行網(wǎng)站開發(fā)，優(yōu)化，完善的工作。網(wǎng)頁制作是Web 1.0時代的產(chǎn)物，那時網(wǎng)站的主要內(nèi)容都是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。
一位好的Web前端開發(fā)工程師在知識體系上既要有廣度，又要有深度，所以很多大公司即使出高薪也很難招聘到理想的前端開發(fā)工程師。現(xiàn)在說的重點不在于講解技術(shù)，而是更側(cè)重于對技巧的講解。技術(shù)非黑即白，只有對和錯，而技巧則見仁見智。
以前會Photoshop和Dreamweaver就可以制作網(wǎng)頁，現(xiàn)在只掌握這些已經(jīng)遠(yuǎn)遠(yuǎn)不夠了。無論是開發(fā)難度上，還是開發(fā)方式上，現(xiàn)在的網(wǎng)頁制作都更接近傳統(tǒng)的網(wǎng)站后臺開發(fā)，所以現(xiàn)在不再叫網(wǎng)頁制作，而是叫Web前端開發(fā)。
Web前端開發(fā)在產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來越重要，而且需要專業(yè)的前端工程師才能做好，這方面的專業(yè)人才近兩年來備受青睞。Web前端開發(fā)是一項很特殊的工作，涵蓋的知識面非常廣，既有具體的技術(shù)，又有抽象的理念。簡單地說，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。
web前端工程師的職責(zé)？
利用(X)HTML/CSS/JavaScript/Flash等各種Web技術(shù)進(jìn)行客戶端產(chǎn)品的開發(fā)，為網(wǎng)站上提供的產(chǎn)品和服務(wù)實現(xiàn)一流的Web界面，優(yōu)化代碼并保持良好兼容性，Web前端表現(xiàn)層及與前后端交互的架構(gòu)設(shè)計和開發(fā)，配合后臺開發(fā)人員實現(xiàn)產(chǎn)品界面和功能，利用各種Web技術(shù)模擬開發(fā)產(chǎn)品原型
Web新技術(shù)調(diào)研和資訊整理
web前端工程師需要掌握的技能？
第一，必須掌握基本的Web前端開發(fā)技術(shù)，其中包括：CSS、HTML、SEO、DOM、BOM、Ajax、JavaScript等，在掌握這些技術(shù)的同時，還要清楚地了解它們在不同瀏覽器上的兼容情況、渲染原理和存在的Bug。
第二，在一名合格的前端工程師的知識結(jié)構(gòu)中，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識也是必須掌握的。
第三，必須學(xué)會運用各種工具進(jìn)行輔助開發(fā)。
第四，除了要掌握技術(shù)層面的知識，還要掌握理論層面的知識，包括代碼的可維護(hù)性、組件的易用性、分層語義模板和瀏覽器分級支持，等等。
可見，看似簡單的網(wǎng)頁制作，如果要做得更好、更專業(yè)，真的是不簡單。這就是前端開發(fā)的特點，也是讓很多人困惑的原因。如此繁雜的知識體系讓新手學(xué)習(xí)起來無從下手，對于老手來說，也時常不知道下一步該學(xué)什么。
代碼質(zhì)量是前端開發(fā)中應(yīng)該重點考慮的問題之一。例如，實現(xiàn)一個網(wǎng)站界面可能會有無數(shù)種方案，但有些方案的維護(hù)成本會比較高，有些方案會存在性能問題，而有些方案則更易于維護(hù)，而且性能也比較好。這里的關(guān)鍵影響因素就是代碼質(zhì)量。CSS、HTML、JavaScript這三種前端開發(fā)語言的特點是不同的，對代碼質(zhì)量的要求也不同，但它們之間又有著千絲萬縷的聯(lián)系。
什么是UI設(shè)計？
ui設(shè)計（或稱界面設(shè)計）是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計。UI設(shè)計分為實體UI和虛擬UI，互聯(lián)網(wǎng)常用的UI設(shè)計是虛擬UI，UI即User Interface(用戶界面)的簡稱
好的UI設(shè)計不僅是讓軟件變得有個性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現(xiàn)軟件的定位和特點。
UI設(shè)計的職責(zé)？
負(fù)責(zé)公司產(chǎn)品在智能電視、PC端、移動端頁面/應(yīng)用的整體設(shè)計。
基于用戶體驗、人機(jī)交互、圖形化設(shè)計、界面設(shè)計等前沿理論實現(xiàn)產(chǎn)品風(fēng)格設(shè)計。
充分理解產(chǎn)品策劃思路及理念，配合產(chǎn)品經(jīng)理和研發(fā)人員實現(xiàn)產(chǎn)品界面的視覺設(shè)計
建立和完善產(chǎn)品界面視覺設(shè)計規(guī)范。
根據(jù)交互設(shè)計及產(chǎn)品規(guī)劃，完成產(chǎn)品（iPhone、Android 、Web平臺App及網(wǎng)站）相關(guān)的用戶界面視覺設(shè)計。
配合產(chǎn)品開發(fā)中的圖形界面（GUI）設(shè)計。完成產(chǎn)品相關(guān)推廣活動的專題頁面、FLASH的設(shè)計及制作。
與研發(fā)團(tuán)隊充分溝通協(xié)作，確認(rèn)可控的誤差范圍和視覺效果的最終實現(xiàn)。
根據(jù)視覺設(shè)計的發(fā)展趨勢及用戶研究的結(jié)果不斷優(yōu)化產(chǎn)品的圖形界面。
UI設(shè)計需要掌握的技能？
視覺設(shè)計主要是以美術(shù)設(shè)計為主，界面的色彩、結(jié)構(gòu)、圖標(biāo)等工作都需要視覺設(shè)計師來完成。主要使用的軟件是以Adobe公司的軟件為主，如PS、AI、AE、FW，當(dāng)然還有后起之秀Skitch等，一般來講從業(yè)者都是美術(shù)專業(yè)相關(guān)院校的畢業(yè)生，也有少部分計算機(jī)專業(yè)畢業(yè)生。交互設(shè)計主要是以產(chǎn)品交互原型設(shè)計為主，完成設(shè)計交互原型圖，但是其實是一個很考驗綜合能力的職位，需要了解用戶體驗知識、界面設(shè)計知識、產(chǎn)品業(yè)務(wù)知識等。交互的設(shè)計軟件比較多，沒有視覺軟件上Adobe那種一家獨大，每種軟件都有自己的特點，AxureRP、Balsamiq Mockups、Omnigraffl Pro等，一般來講都是需要一定的從業(yè)經(jīng)驗才能很好勝任。另外還有很多公司將交互相關(guān)職位進(jìn)行了更的細(xì)劃分，出現(xiàn)了用戶體驗設(shè)計師、用戶研究員、無線交互設(shè)計師等職位。
總體來說呢，這兩個職位都是可以的，該如何選擇的話可以根據(jù)實際情況以及自身愛好進(jìn)行選擇。希望這篇文章可以幫到你！加油吧少年！
就業(yè)方面的工資待遇如何？
謝謝邀請，前端目前看來是入行不錯的選擇。
1)簡單點評：
HTML5前端開發(fā)工程師簡稱前端開發(fā)工程師，它是隨著Web的發(fā)展，細(xì)分出來的行業(yè)，是近年來開始受到重視的新興職業(yè)，隨著Web2.0概念的普及和W3C組織的推廣，Web前端技術(shù)發(fā)生了翻天覆地的變化。前端開發(fā)工程師崗位需求與日俱增。同時也對現(xiàn)有的前端開發(fā)人員提出了更高的技術(shù)要求，也給UI，美工提供了發(fā)展空間。而且跨PC/移動設(shè)備平臺的需求也需要H5來實現(xiàn)，要不開發(fā)多個版本成本就高了。
2）發(fā)展前景：
HTML5前端開發(fā)適應(yīng)面很廣，Web端、APP端、微信小程序都可以使用，與后臺服務(wù)器端編程語言無關(guān)，無論是Java、PHP、Python都可以結(jié)合使用。因此HTML5前端人才需求也相當(dāng)旺盛，高校也沒有專門培養(yǎng)前端開發(fā)人才，社會需求一直得不到滿足，目前還是挺緊缺的，發(fā)展前景良好。
3）行業(yè)定位：
目前開發(fā)行業(yè)前后端分離已成標(biāo)配，前端框架也層出不窮，發(fā)展非常快，在強(qiáng)調(diào)用戶體驗與個性化需求的現(xiàn)在，前端開發(fā)人員在IT公司中地位越來越高，前端開發(fā)已經(jīng)與后端開發(fā)并駕齊驅(qū)。
4）面向?qū)I(yè)：
計算機(jī)、數(shù)學(xué)與統(tǒng)計、物理、電子、通信工程、物聯(lián)網(wǎng)、網(wǎng)絡(luò)工程等相關(guān)專業(yè)大專以上學(xué)生。推薦中下游學(xué)生學(xué)習(xí)。
5）薪酬分析：
數(shù)據(jù)來源：51job 2019/3/4
6）學(xué)習(xí)內(nèi)容：
希望對你有所幫助！
WEB前端開發(fā)學(xué)習(xí)方法有哪些？
學(xué)習(xí)web前端課程，網(wǎng)上找的教學(xué)視頻總感覺不是特別好，但是又沒有別的渠道可以去找到更好的學(xué)習(xí)視頻資料，你是不是也有這樣的煩惱？如果你正好看到這篇文章，那么請接著看，下面我要給大家分享適合2019年自學(xué)web前端零基礎(chǔ)系統(tǒng)學(xué)習(xí)視頻教程，相信你有了這份視頻教程就不需要再去四處找資料了。
HTML5基礎(chǔ)教程（連載） https://pan.baidu.com/s/1IiL0feDPp_4bsUZr0foKjg
HTML5基礎(chǔ)教程-PC及移動端頁面布局 https://pan.baidu.com/s/1ZD7WYX_xmQJL-fzIGG9ExA
HTML5進(jìn)階教程-Javascript程序設(shè)計及PC全棧項目開發(fā) https://pan.baidu.com/s/1bKS5X67WJm6qnxO3BJVNMw
HTML5高級教程-移動端WebApp及混合APP開發(fā) https://pan.baidu.com/s/1ltJLMLHEOIlOg1UIGeLj0w
web前端課程教學(xué)內(nèi)容都有哪些呢？主要的課程技術(shù)講解給大家一份詳細(xì)的課程大綱，大家對照學(xué)習(xí)就可以了。
第一階段：前端頁面重構(gòu)
內(nèi)容包含了：（PC端網(wǎng)站布局項目、HTML5+CSS3基礎(chǔ)項目、WebApp頁面布局項目）
第二階段：JavaScript高級程序設(shè)計
內(nèi)容包含：1）原生 JavaScript交互功能開發(fā)項目、面向?qū)ο筮M(jìn)階與 ES5/ES6應(yīng)用項目、JavaScript工具庫自主研發(fā)項目）
第三階段：PC端全棧項目開發(fā)
內(nèi)容包含：（jQuery經(jīng)典交互特效開發(fā)、HTTP協(xié)議、Ajax進(jìn)階與PHP/JAVA開發(fā)項目、前端工程化與模塊化應(yīng)用項目、PC端網(wǎng)站開發(fā)項目、PC端管理信息系統(tǒng)前端開發(fā)項目）
第四階段：移動端項目開發(fā)
內(nèi)容包含：（Touch端項目、微信場景項目、應(yīng)用 Angular+Ionic開發(fā) WebApp項目、應(yīng)用 Vue.js開發(fā) WebApp項目、應(yīng)用 React.js開發(fā) WebApp項目）
第五階段：混合（Hybrid,ReactNative）開發(fā)
內(nèi)容包含：（微信小程序開發(fā)、React Native、各類混合應(yīng)用開發(fā)）
第六階段：NodeJS全棧開發(fā)
內(nèi)容包括：（WebApp后端系統(tǒng)開發(fā)、一、NodeJS基礎(chǔ)與NodeJS核心模塊二、Express三、noSQL數(shù)據(jù)庫）
第七階段：大數(shù)據(jù)可視化
內(nèi)容包含：（大數(shù)據(jù)可視化化基礎(chǔ)與實戰(zhàn)、一、數(shù)據(jù)可視化入門、二、D3.js詳解、三、其他JS庫）
對于新手小白來說，從基礎(chǔ)開始學(xué)習(xí)，一定把基礎(chǔ)打牢了，制定好學(xué)習(xí)路線及規(guī)劃圖，要清晰的知道自己學(xué)到哪里了，學(xué)到了什么程度，自己掌握了多少，不懂的一定要及時請教解決，這樣的學(xué)習(xí)方式才能讓我們更好的學(xué)好這門技術(shù)。