就在前幾天，在我們人脈圈里討論過這樣一個問題：前端是做什么的呢，UI又是做什么的呢？他兩者差不多把，咳咳這里告訴大家！其實差太多了~~~還有好多的小同學常問我學Web前端，還是學UI啊，今天就為大家講解下兩者有什么區別！

什么是web前端開發工程師？

Web前端開發工程師，是從事Web前端開發工作的工程師。主要進行網站開發，優化，完善的工作。網頁制作是Web 1.0時代的產物，那時網站的主要內容都是靜態的，用戶使用網站的行為也以瀏覽為主。

一位好的Web前端開發工程師在知識體系上既要有廣度，又要有深度，所以很多大公司即使出高薪也很難招聘到理想的前端開發工程師?，F在說的重點不在于講解技術，而是更側重于對技巧的講解。技術非黑即白，只有對和錯，而技巧則見仁見智。

以前會Photoshop和Dreamweaver就可以制作網頁，現在只掌握這些已經遠遠不夠了。無論是開發難度上，還是開發方式上，現在的網頁制作都更接近傳統的網站后臺開發，所以現在不再叫網頁制作，而是叫Web前端開發。

Web前端開發在產品開發環節中的作用變得越來越重要，而且需要專業的前端工程師才能做好，這方面的專業人才近兩年來備受青睞。Web前端開發是一項很特殊的工作，涵蓋的知識面非常廣，既有具體的技術，又有抽象的理念。簡單地說，它的主要職能就是把網站的界面更好地呈現給用戶。

web前端工程師的職責？

利用(X)HTML/CSS/JavaScript/Flash等各種Web技術進行客戶端產品的開發，為網站上提供的產品和服務實現一流的Web界面，優化代碼并保持良好兼容性，Web前端表現層及與前后端交互的架構設計和開發，配合后臺開發人員實現產品界面和功能，利用各種Web技術模擬開發產品原型

Web新技術調研和資訊整理

web前端工程師需要掌握的技能？

第一，必須掌握基本的Web前端開發技術，其中包括：CSS、HTML、SEO、DOM、BOM、Ajax、JavaScript等，在掌握這些技術的同時，還要清楚地了解它們在不同瀏覽器上的兼容情況、渲染原理和存在的Bug。

第二，在一名合格的前端工程師的知識結構中，網站性能優化、SEO和服務器端的基礎知識也是必須掌握的。

第三，必須學會運用各種工具進行輔助開發。

第四，除了要掌握技術層面的知識，還要掌握理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持，等等。

可見，看似簡單的網頁制作，如果要做得更好、更專業，真的是不簡單。這就是前端開發的特點，也是讓很多人困惑的原因。如此繁雜的知識體系讓新手學習起來無從下手，對于老手來說，也時常不知道下一步該學什么。

代碼質量是前端開發中應該重點考慮的問題之一。例如，實現一個網站界面可能會有無數種方案，但有些方案的維護成本會比較高，有些方案會存在性能問題，而有些方案則更易于維護，而且性能也比較好。這里的關鍵影響因素就是代碼質量。CSS、HTML、JavaScript這三種前端開發語言的特點是不同的，對代碼質量的要求也不同，但它們之間又有著千絲萬縷的聯系。

什么是UI設計？

ui設計（或稱界面設計）是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。UI設計分為實體UI和虛擬UI，互聯網常用的UI設計是虛擬UI，UI即User Interface(用戶界面)的簡稱

好的UI設計不僅是讓軟件變得有個性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現軟件的定位和特點。

UI設計的職責？

負責公司產品在智能電視、PC端、移動端頁面/應用的整體設計。

基于用戶體驗、人機交互、圖形化設計、界面設計等前沿理論實現產品風格設計。

充分理解產品策劃思路及理念，配合產品經理和研發人員實現產品界面的視覺設計

建立和完善產品界面視覺設計規范。

根據交互設計及產品規劃，完成產品（iPhone、Android 、Web平臺App及網站）相關的用戶界面視覺設計。

配合產品開發中的圖形界面（GUI）設計。完成產品相關推廣活動的專題頁面、FLASH的設計及制作。

與研發團隊充分溝通協作，確認可控的誤差范圍和視覺效果的最終實現。

根據視覺設計的發展趨勢及用戶研究的結果不斷優化產品的圖形界面。

UI設計需要掌握的技能？

視覺設計主要是以美術設計為主，界面的色彩、結構、圖標等工作都需要視覺設計師來完成。主要使用的軟件是以Adobe公司的軟件為主，如PS、AI、AE、FW，當然還有后起之秀Skitch等，一般來講從業者都是美術專業相關院校的畢業生，也有少部分計算機專業畢業生。交互設計主要是以產品交互原型設計為主，完成設計交互原型圖，但是其實是一個很考驗綜合能力的職位，需要了解用戶體驗知識、界面設計知識、產品業務知識等。交互的設計軟件比較多，沒有視覺軟件上Adobe那種一家獨大，每種軟件都有自己的特點，AxureRP、Balsamiq Mockups、Omnigraffl Pro等，一般來講都是需要一定的從業經驗才能很好勝任。另外還有很多公司將交互相關職位進行了更的細劃分，出現了用戶體驗設計師、用戶研究員、無線交互設計師等職位。

總體來說呢，這兩個職位都是可以的，該如何選擇的話可以根據實際情況以及自身愛好進行選擇。希望這篇文章可以幫到你！加油吧少年！

web前端即為網站的前端開發,前端開發是創建Web頁面或app等前端界面呈現給用戶的過程。 web前端開發通過HTML,CSS及JavaScript以及衍生出來的各種技術、框架、解決方案,來實現互聯網產品的用戶界面交互。

1.根據項目或者產品需求負責實現PC端及移動頁面的設計和開發、調試等工作，高效、高質地完成代碼編寫，確保符合前端代碼規范;

2、與后端開發團隊緊密配合，完成接口對接，確保前后端有效交互共同完成項目或者產品;

3、綜合運用客戶端和服務器端構建與優化方案、模塊化開發等手段，提升開發效率和系統性能;

4、持續優化前端應用，改善用戶交互以及視覺，保證前端網頁的兼容性以及頁面響應速度并負責前端代碼的維護，

5、了解并結合業務需求，設計滿足用戶需要、符合用戶習慣、運用大數據分析能力、體現大數據特色的系統。

6.與設計師、產品工程師緊密工作在一起,實現產品前端ui和交互方面的開發需求，確保不同平臺、設備上具有優秀的用戶體驗；

轉行web前端的有很多，想要轉行到web前端的人也有很多，已經轉行web前端是已經成為現實。但是，對于想要或者是即將要轉行web前端的人來說，該如何轉，怎么能夠更好的轉？是一個值得深思熟慮的問題。如果掌握了一定的方法是可以大大提升轉行成功的概率的，而且能夠得到更好的一個發展，如果是不能夠很好的轉行那么和之前的工作幾乎是一樣的。

進行轉行的方式現在有倆種可以進行選擇，一種是通過自學，另一種是通過web前端培訓。對于這倆中方式各有各的好處和優點。重要的就是要正確的分析那種方式是適合自己的，選擇了正確的方式才能夠讓自己得到更好轉行結果，轉行的成功率更大。

首先，第一點就是要根據自己的實際情況選擇一個適合自己的方式進行轉行，這個可以通過倆種方式的對比，然后結合自己的情況進行選擇，如果是有基礎的，學習能力和自控力比較強的可以選擇自學，如果是零基礎的建議還是選擇web前端培訓的比較好。

第二，在選擇好了適合自己的學習方式，那么接下來就需要進行學習了，在學習的過程中就要有一套系統的學習資料，學習資料可以是通過購買或者是學習平臺下載開源資料進行學習。如果是選擇web前端培訓學習，那么課程內容只要是符合企業和行業發展需求就可以。

最后，就是要自己進行努力學習了，在學習過程中要制定一套完整的學習計劃，每天學習什么內容，學習多長時間，階段進行檢查，進行查漏補缺。階段性要找適合的項目進行完成。

1、移動端方向。在未來主要發展的市場還是在移動端互聯網領域，現階段隨著移動端用戶量的增加，用戶對于體驗度的要求也是在逐漸提升，所以前端工程師就成為了重點。

2、Web內核標準提升。目前移動端網頁內核大多采用Web內核，相信在未來幾年內隨著智能端逐漸普及，HTML5在Web內核方面應用將會得到極大的凸顯;

3、游戲。通過一些前端技術讓游戲界面變的更加美觀，增加用戶體驗。

4、視頻、在線直播。讓視頻播放更加流暢，功能界面美觀簡潔，讓用戶看視頻更加輕松。