美文网首页程序员
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