尚硅谷李立超老师讲解web前端网课的笔记

初学 web 前端笔记一

刚刚看完网课，趁着脑子里还有点东西，小彭赶紧来做个笔记~接下来看吧：

一、软件的分类
1．系统软件：（我们买电脑或手机第一件事就是先激活或者安装一个“灵魂”——操作系统)
- Windows 
- Linux 
- macOS 
2．应用软件：
- office 
- qq 
3．游戏软件：
-绝地求生
-王者荣耀

 ps :如果没有软件，你的计算机或者手机是没有正常办法去使用的。作为程序员，或者说是软件工程师来讲，我们的任务就是开发软件。

二、软件的组成
通常情况下，现在的软件一般由两个 part 组成：客户端与服务器

﹣客户端（用户通过客户端来使用软件）

简单来说，它就是用户可以看见的那个部分。在本地下载，进行操作。

﹣服务器（服务器负责在远程处理业务逻辑）

它是远程为用户提供服务。就像客户端是饭店的服务员一样，点完菜后交给厨师。厨师就相当于服务器，他是一个较为神秘的存在。虽然看不见，却总是在我们的用户提供服务。

接下来我们来说说服务器开发的语言….

-Java （主流服务器语音，“万年不变”的 Java )

- PHP

-C #

- Python 

- Node.js （用前端的 JavaScript 去编写的服务器。是前端工程师首选的一个了解服务器的语言方法，所以如果想做前端工程师，这个语言是你们必须掌握和学好的东西）

“ 如果说Java 是一个冲锋陷阵的战士，那么 Node.js 就是一个打辅助的小兵。”

当然毕竟我们学的是前端，前端前端，我们必然不是做写服务器的那个 part ，所以那个服务员的角色——客户端才是我们真正要掌握学习的东西，接下来我们来看看客户端…

客户端的形式常见的有三种：

-文字客户端（像 Linux ，数据库等）
一种古老的方式，通过命令行来使用软件。

-图形化界面（ Client / Server 架构）
通过点击拖动等来使用软件。 Windows 中、 macOS 中、 Android , ios 中的大部分应用。

-网页（ Browser / Server 架构）
通过访问网页来使用软件。像京东，淘宝….所有的网站都属于这个范畴。

 ps :图形化界面和网页，在本质上，其实是差不多的，就是架构使用的不一样。作为前端工程师，我们主要学习的东西就是网页。

现在我们来说说网页的特点：
相较于传统的图形化界面，网页具有如下一些优点：
1．无需安装
像 C / S 架构的软件，如 QQ ，需要我们先去应用商城安装才可以使用，而 B / S 则只需要通过访问网址，鼠标点一下，敲回车，咔﹣，马上就出现了，没有那么麻烦。
2．无需更新
我们再次拿 qq 来举例： qq 总是时不时的更新，弹出一个提示框。有时候你不更新，还使用不了。一旦软件更新，不仅服务器要更新，你的客户端也要跟着更新。而对于网页来说，我们则不需要进行这个操作，因为你服务器更新了，客户端它自己就自动更新了，所以每次你打开的网页，都是最新的。
3．可跨平台
像京东这种 B / S 架构的网站，可以在电脑上访问，也可以在手机上访问。无论是安卓，还是ios 都可以，只要有浏览器就可以实现访问，这意味着，只要开发一次，就可以在所有设备上实现访问，既开发一次，处处可用。
而 C / S 软件则不一样，在 Windows 上开发的 qq ,你在 mac 上、安卓手机上、 ios 手机上都用不了，必须在每个系统开发一个不同的版本才可以使用。

 ps :对于这几个优点中最重要的便是跨平台，因为它成本低，只需要实现一次开发，在任何浏览器中都可以运行，而且使用也比较简单。（简化开发流程，降低开发成本）

网页中使用的语言：

- HTML 
- CSS （有一些麻烦）
-JavaScript （难度大一些，涉及知识面广）

“要把前端学习好，我们就必须把这三种语言学通、学精。”

以上就是我对这个网课，第一节的软件介绍做的一个简单的笔记…或许可以使我们对这个软件有些许了解...

如果你觉得前面的文章太长，那你只需要记住一个结论：软件分成两种；一种叫 C / S（客户机／服务器），一种叫 B / S （浏览器／服务器）。前者开发成本高，使用起来可能有点麻烦，后者开发成本低，使用起来相对较于简便。
而我们前端工程师做的软件就是 B / S 架构的，主要是开发 B , S 基本不动，但 B 还是要懂一点。
好了，全文就到这里了…谢谢友友，你有耐心可以看到这里。

小彭要下班了~