※ 引述《nosecoolie (諾苦力)》之銘言：
: 前端這邊的分工一直有點模糊，每間公司又不太一樣
: 對新鮮人來說蠻困擾的，我這邊簡單做個整理
: 基本上前端這塊可以簡單粗分出三大部份
: 1. 設計
: 設計就是從白紙開始，在白紙畫上網頁所應該呈現的樣貌
: 這個階段網站還只是不會動的一張圖
: 有些公司用以拉，有些公司用 sketch ，但那都只是工具的不同而已，本質是一樣的
: 2. 切版
: 切版就是根據步驟一的設計，用 html & css 做出與設計稿相符的網站頁面
: 3. 套版
: 其實我不想將之稱為套版，但一時也想不太到其它好的稱呼，就暫時將之稱為套版吧！
: 這邊指的套版是將步驟二所做好的網站，加上 js ，讓之可以有與畫面相對應的功能，
: 包含簡單的頁面跳轉與 call api 等等, 讓他成為一個真正可以動的網站
: 而因為同一個職稱，不同公司所負責的業務也不盡相同，
: 所以最好的方式是看該公司是如何描述職缺的，
: 設計 切版 套版
: 能力需求 設計能力 html, css js
: 工具需求 sketch/ps/以拉 html/sass/less jquery/angular/react...etc
: 網頁設計師 前端工程師
: 上面的網頁設計師與前端工程師的位置，是我個人認為他們應該有的位子
: 但我還是得說，每間公司不盡相同，
: 而癥結點就在切版上，
: 有的公司會希望網頁設計師去做切版的動作，有的公司則是讓前端包辦，
: 如果你是想成為前端工程師的話，那麼我會建議你一定要會切版，
: 而如果你是網頁設計師的話，我會希望你至少要'懂'切版，
: 才不會設計出一些讓切版的人很難實作或是根本實作不出來的畫面。
: 當然前端工程師也要尊重設計師的專業，盡量去滿足設計的需求，
: 所以不論你是做設計或是做工程，懂一些對方領域的東西都是有益無害的，
: 因為每一個網站都是需要設計師與工程師合作完成的
: 有良好的溝通才能有良好的產出。
: 以上，希望能幫到對前端有疑問的人。
步驟三的套版如果僅止於到用Jquery 做DOM操作
這樣應該算是網頁工程師
如果使用Angular, react 之類的搞SPA
這樣是前端工程師
網頁工程這種簡單的DOM操作甚至有時是
UX designer 就會跨到的領域
反正能動就好，寫出一坨義大利麵也可以
前端工程就複雜的多
我正在做的專案光ts檔就兩百個
如果沒有正確的軟工加上好用的工具根本無法維護
至於在分工來說
我們的前端工程師是從切版套版乃至與伺服器端
的REST API 都要包
算是半個全端工程師
設計師只出圖