Web前端就是网站的前台部分，运行在浏览器的pc端或移动端给用户浏览的网页。目前web前端技术被广泛应用于网站页面制作，微信、移动app开发，休闲小游戏制作等地方。
Web前端技术主要包含html5、css3、js这三种。如果把一个网页比喻成一个完整人，那么html就是他的骨架，css决定了他的外观，而js则决定了他提供的功能。其中HTML5赋予页面赋予网页更好的意义和结构。Css3可以赋予页面上文字和图片丰富的样式，而js则给页面加上动态交互效果。所以这想做好Web前端首先要学好这三项技术。
除了上面说的三种技术外，做Web前端还需要学习框架知识，也就是node、Vue、React、Angular等。同时做前端还要学习一些后端知识，方便工作中与后端工程师沟通工作。
以上技术都学会后，你就是一名合格的Web前端工程师了可以做大部分的Web前端的工作。当然由于近几年小程序越来越火，所以很多公司在招聘时还会要求前端工程师懂小程序制作，所以想要自己的就业前景进一步拓宽还需要学习Canvas 、mpvue、第三方 AI 平台的使用、React Native等技术。
以上就是Web前端的定义以及想做Web前端需要学习的知识。
@ 前端开发是什么？
《前端啊 》
和设计师一样细腻,
和程序员一样严谨;
游走在设计师和工程师之间,
游刃于用户体验和技术实现之间,
斡旋在用户利益和商业利益之间。
所以偶做前端偶自豪，从一直做到现在，资深老前端一枚（算不上高手），你提到前端入门就很容易了，偶来说一下偶做前端时候的心里变化
半年经验
前端刚刚入门，html+css能来，心里想前端不过如此嘛 （以前的前端主要以切图为主）
1年经验
jquery交互基本都能来，加上html+css，网页都能做出来的时候，会膨胀，觉得前端这行业，偶是不是已经做穿了？
2年经验
细节做的越来越到位，越标准，兼容性问题越来越少，心里想的是偶草，前端要做好也不容易啊
3~5年经验
偶草，这行水忒深
5~7年经验
偶草，偶感觉啥都不会了
…
经验
偶就一小白
描述的有点夸张，不过确是属实，一路走过来，越是做的年限长，对于前端越生敬畏
@ 前端和UI设计有什么区别？
就在前几天，在大家人脉圈里讨论过这样一个问题：前端是做什么的呢，UI又是做什么的呢？他两者差不多把，咳咳这里告诉大家！其实差太多了~~~还有好多的小同学常问偶学Web前端，还是学UI啊，今天就为大家讲解下两者有什么区别！
什么是web前端开发工程师？
Web前端开发工程师，是从事Web前端开发工作的工程师。主要进行网站开发，优化，完善的工作。网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
一位好的Web前端开发工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。现在说的重点不在于讲解技术，而是更侧重于对技巧的讲解。技术非黑即白，只有对和错，而技巧则见仁见智。
以前会Photoshop和Dreamweaver就可以制作网页，现在只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。
Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端工程师才能做好，这方面的专业人才近两年来备受青睐。Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。
web前端工程师的职责？
利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发，为网站上提供的产品和服务实现一流的Web界面，优化代码并保持良好兼容性，Web前端表现层及与前后端交互的架构设计和开发，配合后台开发人员实现产品界面和功能，利用各种Web技术模拟开发产品原型
Web新技术调研和资讯整理
web前端工程师需要掌握的技能？
第一，必须掌握基本的Web前端开发技术，其中包括：CSS、HTML、SEO、DOM、BOM、Ajax、JavaScript等，在掌握这些技术的同时，还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。
第二，在一名合格的前端工程师的知识结构中，网站性能优化、SEO和服务器端的基础知识也是必须掌握的。
第三，必须学会运用各种工具进行辅助开发。
第四，除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持，等等。
可见，看似简单的网页制作，如果要做得更好、更专业，真的是不简单。这就是前端开发的特点，也是让很多人困惑的原因。如此繁杂的知识体系让新手学习起来无从下手，对于老手来说，也时常不知道下一步该学什么。
代码质量是前端开发中应该重点考虑的问题之一。例如，实现一个网站界面可能会有无数种方案，但有些方案的维护成本会比较高，有些方案会存在性能问题，而有些方案则更易于维护，而且性能也比较好。这里的关键影响因素就是代码质量。CSS、HTML、JavaScript这三种前端开发语言的特点是不同的，对代码质量的要求也不同，但它们之间又有着千丝万缕的联系。
什么是UI设计？
ui设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即User Interface(用户界面)的简称
好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。
UI设计的职责？
负责公司产品在智能电视、PC端、移动端页面/应用的整体设计。
基于用户体验、人机交互、图形化设计、界面设计等前沿理论实现产品风格设计。
充分理解产品策划思路及理念，配合产品经理和研发人员实现产品界面的视觉设计
建立和完善产品界面视觉设计规范。
根据交互设计及产品规划，完成产品（iPhone、Android 、Web平台App及网站）相关的用户界面视觉设计。
配合产品开发中的图形界面（GUI）设计。完成产品相关推广活动的专题页面、FLASH的设计及制作。
与研发团队充分沟通协作，确认可控的误差范围和视觉效果的最终实现。
根据视觉设计的发展趋势及用户研究的结果不断优化产品的图形界面。
UI设计需要掌握的技能？
视觉设计主要是以美术设计为主，界面的色彩、结构、图标等工作都需要视觉设计师来完成。主要使用的软件是以Adobe公司的软件为主，如PS、AI、AE、FW，当然还有后起之秀Skitch等，一般来讲从业者都是美术专业相关院校的毕业生，也有少部分计算机专业毕业生。交互设计主要是以产品交互原型设计为主，完成设计交互原型图，但是其实是一个很考验综合能力的职位，需要了解用户体验知识、界面设计知识、产品业务知识等。交互的设计软件比较多，没有视觉软件上Adobe那种一家独大，每种软件都有自己的特点，AxureRP、Balsamiq Mockups、Omnigraffl Pro等，一般来讲都是需要一定的从业经验才能很好胜任。另外还有很多公司将交互相关职位进行了更的细划分，出现了用户体验设计师、用户研究员、无线交互设计师等职位。
总体来说呢，这两个职位都是可以的，该如何选择的话可以根据实际情况以及自身爱好进行选择。希望这篇文章可以帮到你！加油吧少年！
