1-1-1【HTML基础】0基础前端开发,预备知识
2020-10-15 本文已影响0人
Liyager
题外话:臭小子,既然踏出了这一步,就别想着回头了,这辈子能不能有一次坚持到最后?
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育碧服务器)
- 服务器作用:对于web来说,服务器用于存储程序员开发好的网页文件、多媒体文件等,且对浏览器的请求进行处理。
7.什么是客户端(Client)
- 客户端:就是普通用户使用的终端,从广义上来说,其实并不仅仅局限于软件开发行业,其实你用的手机、电脑等也可以称为客户端,可以理解为“给你的用户使用的产品”。
- 客户端作用:向用户提供最基础的功能同时,提高用户的使用体验。丰富多彩的图片啦,简明扼要的界面啦,流畅的使用体验啦,都是客户端的工作。
8.什么是浏览器(Browser)
- 浏览器:使用浏览器的人都是浏览器的用户,所以浏览器也是一种客户端,提供了用户上网搜索、查看信息资源等功能。
- 浏览器原理:根据网址请求网页,接收服务器返回的文件,根据文件内容进行网页展示。
9.主流浏览器&差异
- 市面上5个主流浏览器:Safari、FireFox、Edge、Chrome、Opera
- 差异:关于浏览器内核感兴趣的同学可以查一下,但前期不建议了解过于深入的内容。
10.HTTP协议(前期了解即可,真不用纠结)
- 定义:HyperText Transfer Protocol,超文本传输协议,是一种web服务器与浏览器间通信的协议。
- 解释:看不懂没关系,这就像是螺丝和螺丝刀,螺丝刀如果和螺丝不匹配,是拧不动的,所谓的协议就我螺丝的花纹是十字的,你螺丝刀的花纹也是十字的,这样咱俩才能拧的动对吧?
- 拓展:同样,如果小伙伴对HTTP协议感兴趣可以自行查询,但不建议前期了解过于深入。
结束语:一花一世界,一木一浮生,诸君共勉!