前端这边的分工一直有点模糊，每间公司又不太一样
对新鲜人来说蛮困扰的，我这边简单做个整理
基本上前端这块可以简单粗分出三大部份
1. 设计
设计就是从白纸开始，在白纸画上网页所应该呈现的样貌
这个阶段网站还只是不会动的一张图
有些公司用以拉，有些公司用 sketch ，但那都只是工具的不同而已，本质是一样的
2. 切版
切版就是根据步骤一的设计，用 html & css 做出与设计稿相符的网站页面
3. 套版
其实我不想将之称为套版，但一时也想不太到其它好的称呼，就暂时将之称为套版吧！
这边指的套版是将步骤二所做好的网站，加上 js ，让之可以有与画面相对应的功能，
包含简单的页面跳转与 call api 等等, 让他成为一个真正可以动的网站
而因为同一个职称，不同公司所负责的业务也不尽相同，
所以最好的方式是看该公司是如何描述职缺的，
设计 切版 套版
能力需求 设计能力 html, css js
工具需求 sketch/ps/以拉 html/sass/less jquery/angular/react...etc
网页设计师 前端工程师
上面的网页设计师与前端工程师的位置，是我个人认为他们应该有的位子
但我还是得说，每间公司不尽相同，
而症结点就在切版上，
有的公司会希望网页设计师去做切版的动作，有的公司则是让前端包办，
如果你是想成为前端工程师的话，那么我会建议你一定要会切版，
而如果你是网页设计师的话，我会希望你至少要'懂'切版，
才不会设计出一些让切版的人很难实作或是根本实作不出来的画面。
当然前端工程师也要尊重设计师的专业，尽量去满足设计的需求，
所以不论你是做设计或是做工程，懂一些对方领域的东西都是有益无害的，
因为每一个网站都是需要设计师与工程师合作完成的
有良好的沟通才能有良好的产出。
以上，希望能帮到对前端有疑问的人。