Web前端(第一节课)
前端开发
软件的分类:1.系统软件 :Windows,Linux,macOS
2.应用软件:office,QQ
3.游戏软件:绝地求生,王者荣耀
软件工程师的任务,开发软件。
程序猿的工作,写客户端或者服务器。
客户端与服务器
通常情况下,现在的软件一般由两个部分组成:
——客户端:用户通过客户端来使用软件。(软件里面使用软件的人自己看到的部分,如:Word的编辑界面,QQ的聊天窗口。)
——服务器:服务器负责在远程处理业务逻辑。(如:我在QQ上给某人发消息,发送的消息先发送到腾讯的服务器上,腾讯的服务器在将消息转发给需要收到消息的人。)
客户端相当于用户使用QQ编辑信息界面的部分,是用户自己需要安装的,而服务器是接受信息的部分,并且用户一般看不到的。客户端像饭店的服务员,服务器相当于厨师,大厨一般是看不到的,很神秘。 服务器在远程,客户端在本地。
服务器
服务器开发的语言:Java,PHP,C#,Python,Node.js等等。Node.js是前端了解服务器的一个方式,是前端开发必备的语言。Java是最主要的语言,最赚钱的语言,最内卷的语言。
*客户端
客户端的形式
——文字客户端:古老的形式,通过命令来使用软件。
——图形化界面(C/S架构,client):通过点击拖动等来使用软件。Windows中,macOS中,Android,iOS中的大部分应用。(如:现在的手机界面,用手指的拖动,放缩。)
图形化界面就是有手就行!!文字端需要记指令。
——网页(B/S架构):通过访问网页来使用软件。所有的网站都属于这个范畴。
*网页的特点
相当于传统的图形化界面,网页具有如下一些优点:
——不需要安装:
——*无需更新:
——*跨平台(最重要的)。
网页中使用的语言:HTML,CSS,Javascript。
蒂姆·伯纳斯-李爵士是万维网的发明人。
1991年8月6日,世界上第一个服务器和第一个网站在欧洲核子研究中心上线。
第一个网站:
http://info.cern.ch/hypertext/WWW/TheProject.html 至今仍可以访问。
浏览器和网页
有了浏览器我们只需要一个网址便可以访问任何的网站,
而浏览器中所显示的内容正是我们所说的网页,
网页原本的样子:
浏览器就是将网页渲染出来呈现给客户。
浏览器渲染后的样子:
前端工程师负责编写网页的源代码,
浏览器负责将网页渲染成我们想要的样子。
浏览器存在的问题:
市面上存在有很多不同的浏览器;
在万维网的初期,网页编写并没有标准;
于是就出现了这种情况:
同一个网页代码在不同的浏览器中表现的结果截然不同。
W3C(万维网联盟,1994年由伯纳斯-李建立)
W3C的出现为了制定网页开发的标准,以使同一个网页在不同的浏览器中有相同的效果。
所以,我们需要制定我们编写的网页都需要遵循W3C的规范!
网页的结构
——根据W3C标准,一个网页主要由三部分组成:结构,表现还有行为。
结构:HTML用于描述页面的结构;
表现:CSS用于控制页面元素的样式;
行为:JavaScript用于响应用户操作。