美文网首页程序员
1-1-1【HTML基础】0基础前端开发,预备知识

1-1-1【HTML基础】0基础前端开发,预备知识

作者: Liyager | 来源:发表于2020-10-15 11:49 被阅读0次

题外话:臭小子,既然踏出了这一步,就别想着回头了,这辈子能不能有一次坚持到最后?


1.什么是前端开发?

  • 官话:前端开发就是,将数据以图形界面的形式展示给用户,并且可以实现人机交互的过程。
  • 白话:把文字、图片、视频这些东西,让用户能看得见,摸得着,点着还有反应,这就是前端开发。

2.学完前端开发能做什么?

  • PC端的web网页:各大购物网站、各大招聘网站等。
  • 移动App:淘宝、京东、QQ、微信。
  • 小程序:微信小程序,就不举例子了。
  • 小游戏:微信上面的小游戏,跳一跳,斗地主等。

3.学习路线(了解即可)

HTML => CSS => JavaScript =>包管理工具 => CSS进阶 => 构建工具 => 流行框架 =>持续学习

4.制作网页的3个扛把子

  • HTML:结构层,搭建网页框架。
  • CSS:样式层,使网页更加美观。
  • JavaScript:行为层,实现网页与用的户交互。

举个例子:网页如果是个风筝,那HTML就是这个风筝的骨架,CSS就是骨架上面糊的带图案的纸,JavaScript就是用户手里那根线,控制风筝正着飞,倒着飞,绕着圈飞。

风筝

5.网页的呈现

  • 首先,程序猿把写好的网页文件上传至服务器中。
  • 然后,用户通过输入网址or点击链接,向服务器发送请求“我想看这个网页,你给我看看呗”。
  • 接着,服务器收到请求,把程序猿上传的文件发给你。
  • 最后,浏览器对收到文件(代码)进行处理,就变成了用户能看到的网页。
网页呈现

6.什么是服务器(Server)

  • 服务器:就是一种特殊的计算机,因为需要提供更加可靠的服务,所以同比PC来说,在处理能力、稳定性、安全性等方面要求较高。谁也不想打游戏打着打着就掉线了吧?(疯狂diss育碧服务器)
育碧服务器.jpg
  • 服务器作用:对于web来说,服务器用于存储程序员开发好的网页文件、多媒体文件等,且对浏览器的请求进行处理。

7.什么是客户端(Client)

  • 客户端:就是普通用户使用的终端,从广义上来说,其实并不仅仅局限于软件开发行业,其实你用的手机、电脑等也可以称为客户端,可以理解为“给你的用户使用的产品”。
苹果四件套
  • 客户端作用:向用户提供最基础的功能同时,提高用户的使用体验。丰富多彩的图片啦,简明扼要的界面啦,流畅的使用体验啦,都是客户端的工作。

8.什么是浏览器(Browser)

  • 浏览器:使用浏览器的人都是浏览器的用户,所以浏览器也是一种客户端,提供了用户上网搜索、查看信息资源等功能。
  • 浏览器原理:根据网址请求网页,接收服务器返回的文件,根据文件内容进行网页展示。

9.主流浏览器&差异

  • 市面上5个主流浏览器:Safari、FireFox、Edge、Chrome、Opera
主流5大浏览器
  • 差异:关于浏览器内核感兴趣的同学可以查一下,但前期不建议了解过于深入的内容。
浏览器差异

10.HTTP协议(前期了解即可,真不用纠结)

  • 定义:HyperText Transfer Protocol,超文本传输协议,是一种web服务器与浏览器间通信的协议。
  • 解释:看不懂没关系,这就像是螺丝和螺丝刀,螺丝刀如果和螺丝不匹配,是拧不动的,所谓的协议就我螺丝的花纹是十字的,你螺丝刀的花纹也是十字的,这样咱俩才能拧的动对吧?
螺丝刀
  • 拓展:同样,如果小伙伴对HTTP协议感兴趣可以自行查询,但不建议前期了解过于深入。

结束语:一花一世界,一木一浮生,诸君共勉!

相关文章

网友评论

    本文标题:1-1-1【HTML基础】0基础前端开发,预备知识

    本文链接:https://www.haomeiwen.com/subject/numgpktx.html