※ 引述《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 都要包
算是半个全端工程师
设计师只出图