前端即网站前台部分，运行在PC端，移动端等展现给用户浏览的网页。

举个例子，我们中午点外卖的时候需要用到外卖APP。

点开这个APP，呈现在我们面前的有各种卖家。

我们看到一个自己喜欢的商家，就会点进去看看详情（这个商家卖哪些吃的）。

这时候我们的请求会通过网络传到APP上面去，APP的服务器收到请求后就能给我们提供服务，让我们看到这个商家所有的商品。

再到后面的下单，同样的方式，APP服务器也能给我们和商家提供相应的服务。

一、谁把这个外卖APP做出来的？

答案是做软件开发的人，他们把这个APP做出来，将它放到服务器上之后，人们就能通过网络去访问。

而开发分两个板块——前端和后端。

前端分很多种，比如UI设计、前端工程师都属于前端部分。

点开外卖APP之后，界面上会出现很多图标，比如想买水果的就点图标是大苹果的，点设置就是一个齿轮。跟界面有关的东西，都属于前端的范畴。

卖水果的会放橘子、苹果、或者画个水果篮子在图标位置，这些就是UI设计来做的。

二、前端工程师做的是什么呢？

这里先讲一下网页，网页是一个适用于万维网和网页浏览器的文件，它存放在与互联网相连的计算机中，是构成网站的基本元素，承载各种网站应用的平台网页。网页主要由三部分组成：结构、表现、行为。

而这三个组成部分分别是由HTML，CSS，JS来实现的：

• HTML（超文本标记语言）——结构，决定网页的结构和内容（“是什么”）
• CSS（层叠式样式表）——表现（样式），设定网页的表现样式（“什么样子”）
• JS（JavaScript）——行为，控制网页的行为（“做什么”）

这三个东西就是前端工程师必须掌握的技能，拥有这三个技能就能把这个网页全部做好。

前端工程师把这些模块都开发好了，里面的内容也开发好了，在网页里留了位置。他告诉美工，这个地方是外卖、那个地方是美食。美工美化一下，给他做个图标放在这里面。大家一点上去之后，唉，这里面就有相对应的东西。

• HTML（超文本标记语言）主要是做页面的；
• CSS（层叠式样式表）主要是做布局的，就是每个板块怎么拼；
• JS（JavaScript）主要是做动画动态的，就是点图标之后会产生出什么效果。

三、总结

再比如说抢红包，红包上面有个“抢”字。人们点开这个“抢”字，哇！两百块钱。

这个红包跟这个“抢”字是由UI来做的，他把这个图片做出来了。

点开“抢”之后，展现出来的效果和动画，这些东西全都是前端工程师来做的。

所以很多前端工程师会选择去开发一些页面小游戏，比如前几年流行的“跳一跳”等等，这都是前端能干的活儿。

想要免费下载课件资料的朋友们，①请“关注+转发”，②然后再点击“私信”给小编回复“传知”即可获取！

好的，本期内容就是这些，如果大家有什么好的想法欢迎在下方评论区回复！