前端开发速成:三分钟掌握基础与免费课件

发表时间: 2021-01-08 15:38

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、总结

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

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

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

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

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

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