前端属于程序开发，是写代码的，负责把设计师（注意一定是设计师，你丫才美工，你全家美工）的设计稿用代码实现出来。
视觉设计师就是纯粹从美学角度出发结合商业目的进行设计的，输出设计稿交给开发。
这两个职位属于是流水线的前后环节，一般座位会靠得比较近，以方便交流。
前端开发：美工在完成设计效果图之后，由前端开发人员将其制作成为适合浏览器查看的HTML页面。
由于现在移动互联网的大规模流行，加上各个不同厂商的浏览器的激烈竞争，前端开发的主要任务简单来说就是使网页在不同浏览器不同分辨率不同设备上提供相似或相近的浏览体验。
前端开发需要掌握的知识体系主要是兼容性问题的解决，流畅完美的交互体验。具体到技术细节上就是HTML，CSS，JavaScript，各大公司各种不同内核的浏览器、各种各样的JS库、简单的与后台交互的知识。
设计师俗称美工，不过UI设计师工作高端、名字大气、工资上档次，不过大多公司都称呼UI为美工，你也不要介意的，不管他们怎么称呼的，反正就是做网站设计图的就OK，别人怎么称呼不重要的了，只要你拿了高工资就是设计师了。
两者的区别在于【UI设计】是做设计，不用敲代码。【WEB前端】是专门敲代码的。
UI设计的课程里面也涉及到一些基础的代码如果你没有美术功底的话，你要学习的步骤是按照下面的展开的：
1.美术（打造一定的美术功底）
3.平面设计4.交互5.网页设计6.移动界面7.游戏界面设计8.基础代码（了解代码）
9.AE课程这个步骤是按照山西知名UI设计培训机构优逸客的部分课程安排以及我本人的一些学习经验总结出来的，还有一点，就是多练习。两者要选择什么需要看你自己偏向于哪方面的喜好，如果实在分辨不出的话，也可以去UI设计培训机构去参加一些体验课，找出适合自己的学习方向就好。^_^希望对你有所帮助。
本人从事互联网开发多年 这个问题比较有意思
美工是整体设计网站风格，尺寸，色调和样式，大小，一款好的互联网产品设计师很重要，美工面对的是UI，往往决定了产品的审美，这里说美工不太确切，我们公司都是称呼设计师。
从分工上讲：Web分为前端和后端的，前端主页的是HTML，CSS和JS，后端提供数据支持的API接口，所以美工不需要知道PHP是什么。但是html和php的区别就是，html是一个网站的骨骼，css是人体的外表，js是人体的行为。
PHP提供的API是对网站整个的数据服务。HTML是死的，而数据是活的，比如股票的实时价格，外面看起来只是个样子，而实时的动态数据就需要PHP接口完成。
希望我的回答有所帮助。
前端开发的入门门槛其实非常低，对于从事IT工作的人来说，前端开发是个不错的切入点。也正因为如此，前端开发领域有很多自学成“才”的同行，但大多数人都停留在会用的阶段，因为后面的学习曲线越来越陡峭，每前进一步都很难。
1. 首先要了解什么是WEB前端。web前端就是web给用户展示的东西，这里面可能包含了设计，特效，用户交互等等，现在对于从业人员通常叫法是：前端美工，前端开发，前端架构三个最基本级别。主要职责是利各种Web技术进行客户端产品的开发，致力于通过技术改善用户体验。
2. 第二步就是要了解WEB前端要学什么。一名优秀的WEB前端工程师，需要精通各种Web前端技术，包括HTML，JavaScript，JQuery，AJAX，CSS，熟练掌握JavaScript;熟悉各种浏览器兼容性调整;深刻理解Web标准，对可用性、可访问性等相关知识有实际的了解和实践经验;熟悉主流的数据库MySQL的日常使用及管理等等。
3. 对于零基础的朋友来讲，最好的学习方式就是参加专业的WEB前端培训，比如到优就业培训。只要你用心学，然后再有专业老师的指导的话，学成不难。