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用于响应用户操作。