前端這邊的分工一直有點模糊，每間公司又不太一樣
對新鮮人來說蠻困擾的，我這邊簡單做個整理
基本上前端這塊可以簡單粗分出三大部份
1. 設計
設計就是從白紙開始，在白紙畫上網頁所應該呈現的樣貌
這個階段網站還只是不會動的一張圖
有些公司用以拉，有些公司用 sketch ，但那都只是工具的不同而已，本質是一樣的
2. 切版
切版就是根據步驟一的設計，用 html & css 做出與設計稿相符的網站頁面
3. 套版
其實我不想將之稱為套版，但一時也想不太到其它好的稱呼，就暫時將之稱為套版吧！
這邊指的套版是將步驟二所做好的網站，加上 js ，讓之可以有與畫面相對應的功能，
包含簡單的頁面跳轉與 call api 等等, 讓他成為一個真正可以動的網站
而因為同一個職稱，不同公司所負責的業務也不盡相同，
所以最好的方式是看該公司是如何描述職缺的，
設計 切版 套版
能力需求 設計能力 html, css js
工具需求 sketch/ps/以拉 html/sass/less jquery/angular/react...etc
網頁設計師 前端工程師
上面的網頁設計師與前端工程師的位置，是我個人認為他們應該有的位子
但我還是得說，每間公司不盡相同，
而癥結點就在切版上，
有的公司會希望網頁設計師去做切版的動作，有的公司則是讓前端包辦，
如果你是想成為前端工程師的話，那麼我會建議你一定要會切版，
而如果你是網頁設計師的話，我會希望你至少要'懂'切版，
才不會設計出一些讓切版的人很難實作或是根本實作不出來的畫面。
當然前端工程師也要尊重設計師的專業，盡量去滿足設計的需求，
所以不論你是做設計或是做工程，懂一些對方領域的東西都是有益無害的，
因為每一個網站都是需要設計師與工程師合作完成的
有良好的溝通才能有良好的產出。
以上，希望能幫到對前端有疑問的人。