尚硅谷李立超老师讲解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 还是要懂一点。
好了，全文就到这里了…谢谢友友，你有耐心可以看到这里。

小彭要下班了~

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

尚硅谷李立超老师讲解web前端网课笔记
HTML的重要知识点: 初学web笔记一(语义化标签) h标签表示一个标题,p标签表示一个段落,hgroup用于标题分组,em标签用于语意加重,blockquote表示长引用(会自动换行),q表示短引 ...
尚硅谷李立超老师讲解web前端---笔记（持续更新）
目录一.准备(2023.2.8) 二.组成部分(2023.2.8) 1.HTML 2.CSS 3.layout 一.准备(2023.2.8) 专业英语: 在进行编写布局时,我们使用的类名通常用英文编 ...
node.js Promise详解(尚硅谷李立超老师视频笔记)
• Promise就是一个用来存储数据对象,但是由于Promise存取的方式的特殊,所以可以直接将异步调用的结果存储到Promise中 Promise存储异步数据: function sum(a,b) ...
尚硅谷李立超JavaScript笔记
李立超老师JavaScript笔记目录 1.JS简介 2.JS的HelloWorld 3.JS代码编写的位置 4.JS的基本语法 5.字面量与变量 6.标识符 7.数据类型 8.强制类型转换 1. ...
[JS]JavaScript基础学习笔记(黑马pink+尚硅谷李立超)
文章目录
javascript全笔记-基础版（尚硅谷视频李立超老师）
目录一.JavaScript简介 1.1 JS简介 1.2 JS的HelloWorld 1.3 JS代码编写的位置二.JS的基础语法 2.1 JS的基本语法 2.2 字面量与变量 2.3 标识符 ...
尚硅谷TypeScript教程（李立超老师）学习笔记
一.TypeScript简介 1.TypeScript是以JavaScript为基础构造的语言,是JavaScript的超集 2.扩展了JavaScript,并添加了类型. 3.TS代码需要通过编译器 ...
选择器（尚硅谷前端网课学习笔记）
关系选择器 1 子元素选择器作用:选中指定父元素的指定子元素语法: 父元素 > 子元素 2 后代元素选择器作用:选中指定元素内的指定后代元素语法: 祖先后代 3 兄弟选择器 (1)作用 ...
大一学生《Web前端网课作业》基于HTML+CSS自我介绍网页设计与制作

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

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

最新文章

热门文章