淺談前端開發工程師與美工的區別

1、 什麼是美工？
     美工：意爲美術工程師(Art Engineer)，通常出身於藝術美術院校的藝術設計專業居多。
     根據工做性質美工通常分爲平面美工、三維美工、網頁美工三大類。
     平面美工是由美工用Fireworks 或者 Photoshop 設計出平面外觀。
     三維美工是由美工用3DMAX等工具進行三維角色模型設計，道具模型設計，環境場景模型設計，包裝設計等。
     網頁美工是美工用Dreamwerver等網頁編輯軟件把已經設計好的平面效果圖，製作成HTML靜態網頁文件。這裏就要求美工用到CSS和DIV技術了，也就是所謂的切圖。說的詳細一點就是，網頁美工通常須要精通PHOTOSHOP/CSS/HTML/JAVASCRIPT等網絡語言或工具進行網頁框架，色彩，基調，創意等處理。而這裏所說的網頁美工，實際上是Web1.0時代的產物，那時的網站多爲靜態的HTML頁面，用戶使用網站的行爲也以瀏覽爲主。而到了2005年之後，互聯網進入Web2.0時代，各類擁有相似桌面應用的Web App大量出現。如GmailGoogleReader 等等。網站的前端與交互由此發生了翻天覆地的變化，網頁再也不只是呈現單一的文字和圖片，各類富媒體讓網頁的內容更加生動，而軟件化的交互形式也爲用戶提供了更好的使用體驗，這些都是基於多種前端技術緊密協做實現的。由此，「前端開發工程師」這個職位油然而生！

2、 什麼是前端開發工程師？

    前端開發工程師是Web前端開發工程師的簡稱，是近五年才真正開始受到重視的一個新興職業。Web前端開發技術是一個先易後難的過程，主要包括三個要素：HTML、CSS和JavaScript，這就要求前端開發工程師不只要掌握基本的Web前端開發技術，網站性能優化、SEO和服務器端的基礎知識，並且要學會運用各類工具進行輔助開發以及理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等。
    前端開發工程師，簡單的說就是將設計師的圖稿變成在瀏覽器裏真真正正呈現的 HTML 頁面供用戶點擊操做交互，這個工做能夠簡單到用 Photoshop Fireworks 點幾下鼠標直接導出頁面；也能夠複雜到考慮每一個標籤的語義，總體的性能，瀏覽器的兼容，用戶的交互，搜索引擎的優化等等；技能的基本要求是熟練使用圖形圖像處理工具，精通HTML/ CSS/JavaScript前端語言，最好還要了解一種服務器端語言如PHP等等。想入門前端開發這個行業很簡單，買本HTML+CSS方面的書，自學個一兩週的時間，也許就能找到一份「網頁製做」的職業了，但想真正成爲一名優秀的前端工程師卻比較困難，由於前端的幾種技術都是入門易深刻難的，多數人很容易上手但精通卻很困難。再加上不少公司的不重視等緣由致使前端工程師的水平差別較大從而廣泛待遇較低，進而更多人不肯意去學習須要多種技術相輔的前端開發，由於能夠花更少的精力學習一門後端語言。

 

3、成爲一名優秀的、甚至卓越的 前端開發工程師的具有什麼條件？

 

 

    首先，優秀的Web前端開發工程師要在知識體系上既要有廣度和深度！作到這兩點，其實很難。因此不少大公司即便出高薪也很難招聘到理想的前端開發工程師。技術非黑即白，只有對和錯，而技巧則見仁見智。在之前，會一點Photoshop和Dreamweaver的操做，就能夠製做網頁。如今，只掌握這些已經遠遠不夠了。不管是開發難度上，仍是開發方式上，如今的網頁製做都更接近傳統的網站後臺開發，因此如今再也不叫網頁製做，而是叫Web前端開發。Web前端開發在產品開發環節中的做用變得愈來愈重要，並且須要專業的前端工程師才能作好。Web前端開發是一項很特殊的工做，涵蓋的知識面很是廣，既有具體的技術，又有抽象的理念。簡單地說，它的主要職能就是把網站的界面更好地呈現給用戶。

    其次，優秀的Web前端開發工程師應該具有快速學習能力。Web發展的很快，甚至能夠說這些技術幾乎天天都在變化！若是沒有快速學習能力，就跟不上Web發展的步伐。前端工程師必須不斷提高本身，不斷學習新技術、新模式；僅僅依靠今天的知識沒法適應將來。Web的明天與今天必將有天壤之別，而前端工程師的工做就是要搞清楚如何經過本身的Web應用程序來體現這種翻天覆地的變化。
說到這裏，我想起了一個大師說過的一句話：對於新手來講，新技術就是新技術。
對於一個高手來講，新技術不過是就技術的延伸。
    最後，優秀的前端工程師須要具有良好的溝通能力，由於前端工程師至少都要知足四類客戶的需求。

一、產品經理。這些是負責策劃應用程序的一羣人。他們會想出不少新鮮的、奇怪的、甚至是不但是實現的應用。通常來講，產品經理都追求豐富的功能。

二、UI設計師。這些人負責應用程序的視覺設計和交互模擬。他們關心的是用戶對什麼敏感、交互的一向性以及總體的好用性。通常來講，UI設計師於流暢靚麗、但並不容易實現的用戶界面，並且他們常常不滿前端工程師形成 1px 的偏差。

三、項目經理。這些人負責實際地運行和維護應用程序。項目管理的主要關注點，無外乎正常運行時間、應用程序始終正常可用的時間、性能和截止日期。項目經理追求的目標每每是儘可能保持事情的簡單化，以及不在升級更新時引入新問題。

四、最終用戶。指的是應用程序的主要消費者。儘管前端工程師不會常常與最終用戶打交道，但他們的反饋意見相當重要。最終用戶要求最多的就是對我的有用的功能，以及競爭性產品所具有的功能。

4、前端擴展技能

1. 選擇性的掌握一下Photoshop或者Fireworks.
學到什麼程度能夠根據你本身的需求來定。若是未來靠前端吃飯，去大公司是不須要前端開發作設計稿的，會分層切圖就能夠了。固然，若是對設計方面感興趣的話，把PS玩的很溜，也是不錯的事情。

2. 瞭解一門後端語言
能夠了解一下PHP+Mysql或者JSP等後端語言。職業的特殊性決定了咱們須要跟後端工做者頻繁的溝通，掌握這方面的一些知識有利於更有效的交流問題。提高前端在整個團隊中的形象，進而提高本身的待遇。另外，學好這部分東西，有企業找你作網站的時候，你能夠拿的更穩妥。至於學PHP仍是學JSP，根據本身的愛好來定，我的感受PHP很不錯，不少開源程序都是PHP的，學會了有利於本身建站。另外，wordpress是個很好玩的東西。

3. SEO+UE（用戶體驗）
用戶體驗是王道，而SEO是吸引用戶的王道。UE實際上是前端開發不可缺失的一部分。玩好這一點，往上，能夠晉升到產品經理、部門經理的位置；往下，能夠博得本身客戶的滿意。何況這東西並不難學，多留神觀察生活就是了。何樂而不爲呢？

4. 前端性能優化
掌握這門手藝，可使網站速度獲得提高，從而爲公司節約開支。有時間能夠查詢一下網站頁面優化法則，如：儘可能減小HTTP請求次數、CSS Sprites 圖片整合技術、合併CSS與JS、運用CDN技術、減小DNS查找次數、避免重定向等等。