00:00
大家好,我是学习园地的特约讲师高若峰,从这里开始呢,我们开始学习web前端框架,在学习web前端框架之前呢,我们一定了解一下web前端框架的通用技术,这样的话,我们再开始学习框架的时候才能得心应手,那我们就得先看一下学习框架之前都有哪些通用技术是我们需要了解的,为大家列了这四部分,但是学习这四部之前呢,我们也要了解一个东西,什么呢?就是web前端整个的一个职业学习的一个路径,都学哪些技术,也就是技术的上下文,咱们通通的先了解一下,新建一个给大家记个笔记,新建一个比叫说明,你就直接打开。了解一下web前端的发展职业路径,了解这个,也就是现在很多人都说选择什么也最好别选择web开发。但是呢,Web开发现在用人是所有编程当中,这个职业用人是最多的,也是学起来最简单的,但是好多人为什么说不愿意学web前端呢?就是因为web前端的技术发展太快,新技术层出不穷,学web前端能把人累死,总有这样抱怨的话。
01:09
那我们就看一下为什么是这样的。因为做web前端,咱们先从类型上来说,那现在我们在做一个前端的界面的时候,包括PC端H5对吧,你可以在公众号里边去应用的小程序APP对吧,那这些呢,都是前端的要开发的类型,那开发前端的技术,核心的技术主要有哪些呢?主要有这几个,HTMLCSS和javascript。三部分组成的,就任何前端技术都是以这三个为基础,对吧,那最早呢,很多人不把这三个呢看成就是现在成手成员已经不把这三部分看成是技术了,认为是程序员必备的东西。但是后来呢,又什么HTML5出现了,对吧,比原来的复杂了,CSS3出现了,比原来的复杂了,那加小素派来又出现什么ES6就E,呃,ECMASCRIPT2016版。
02:09
那这些就出现了技术升级。那增大了学习难度,那不仅增大了学习难度,但是呢,虽然是增大了学难度,但是呢,开发也变得更轻松了。那除了这些升级的问题,那还有一些什么问题存在呢?就是。它的兼容性的解决。兼容性的解决,因为有好多种不同的浏览器,对吧,有好多种不同浏览器,你都要让它适配。因为不同的浏览器进行不同的规范,当然了现在新版本的还好一些,这些呢都是在前端前边的基础课的时候咱们介绍过了。那咱们就看一下职业路径,会员TMC加咱们前面说那几个类型基本上都可以做了,也就是你们能完成80%的活了,用这个,那如果能用更方便的去完成,我们除了学习这些东西,当我说了这个加S块本身的技术,比如包含报M部分,倒M部分对吧,加va s本身语法部分这几个那。
03:06
这些基础的语法,如果去写东西太累了,你会这个是什么都可以做,但是太累了。那怎么办呢?所以呢,前端有好多好用的框架,比如说编写特效的加加script,那就有什么就有加呃,Quiry。检查出来了,那还有一种,那为了让STMCS也有框架,那有好多框架,比如说。出来了对不对,那你如果会了这些对吧,再学这些框架,那你写东西就会更方便了。更方便了,在最早的前端,也就是呃,2016年之前吧,2010年之前,那你会这些东西,基本上就是一个合格的前端程序员,什么都可以,可以开发了,当时需要的产品你都可以去做,但是在2016年之后,也就是这个ES6出来之后,那前端又增加了很多框架。
04:00
而且变成思想都变了,不是这种用解块的倒的这种思想了,那变成了虚拟盗的这种思想,那前端的框架有什么呢?像vuee国内的对不对,React安格拉JS对不对,还有现在什么什么微信小程序,咱们也算您记得差不多吧,微信小程序对吧?还有web APP,既然当然有,现在有通用的技术,可以一起打包成web APP。现在作为假如说这是一个2016年的一个基点,对吧,你在2016年之前,你会上面那些东西对吧,合格的前端程序,但是现在。二零年至2010年之后,那这些东西。才是一个合格的前端程序员,那用了这些东西呢?服务器端东西也变了,那有说那服务器端东西是不是这里边有的人说了去前端还必须note g嘛,Note GS了解一点就行了,不一定说必须,因为note g s note属于后端的技术。Note属于后端的技术,你后端可以是Java,可以是Python,可以是PP,也可以是note s。
05:02
咱说前端程序员必须掌握的这些东西,那安拉加S呢,现在用的比较少了,你可以不去用,但是呢,Vuee react vuee react,用其中的一个也可以了。这两个呢,在国内占有的市场呢,呃,各有优势吧,呃,说不好比例多少,你可以暂且看,比如说vuee占60%,占40%啊,对不对,那还有微信小城外的APP啊,这样的一些开发技术类型。但是我们学习这些。咱说了会,这些才是我们合格的现在的前端成员。但是学习这些之前,你一定要。怎么呢,他们有些通用的技术,就是咱们这一次课主要要讲的什么呢?NPM。那什么是MPM,咱们会重点的去讲解,它就是一个包管理器。包管理器,那什么是包管理器,咱们在课程里再详细的说。也就是好多人呢,也就是好多课程呢,在讲的时候呢,通常将这些技术混在vuee里边讲vuee混在这里边,将react混在这里边讲V小程序混在这里边,这样的话别人分不开,一些新手就分不开,什么呢,他是VUE技术还是单独的技术了,其实我讲这几个他都是单独的。
06:13
而且这几个呢,是学这些框架必备的基础,有包管理器对吧,有打包工具。外派。还有全新的ES6的语法,那有的说那ES6的语法不是加小号的,相当于它的升级版本对不对。那现在有没有ES8呢?现在是每半年升级一个版本,现在都。应该是最少一年升一个版本吧,对吧,现在都ES10级了,但是ES6之前咱们可以成为ES5吧,ES5到ES6有个重大的改变,其他的每半年升级的那个版本,它都有一点点小的改动,只有这个ES6EES5有一个相当于很大的一个版本差异,其他的差异都不大,所以呢,咱们把这个叫做临界点,所以统称为ES6的这样的一个语法,也就是在这些里边。
07:01
用到的语法几乎都是用ES6的,那你在学这一块,你在学以前的技术的时候,你可能ES5搞定了对不对,但是呢,ES6你不会都没关系,但是你在学这些框架。这个不仅要会,而且要精通,因为里边全是这样的语法,什么箭头函数啊对不对,吸构解构啊,模块啊对不对等等都是这样的,那每一个具体讲的时候再详细介绍,现在就不展开说了,对吧?那还有一个就是异步请求的。类似于阿贾克斯对不对?当然有人说,那阿贾克斯前面不讲过了吗?我们不学过了吗?对不对,那怎么的那种,但如果直接用阿贾克斯,你自己封装对吧,又太累,如果你用解query里边自带的阿贾克斯,对吧?因为解query里边阿贾克斯只是解宽中的一个小功能,那我们要想只用异步网络请求前后端分离请求服务器的数据,如果你用解块RY的话,解块别的功能,因为这里边自己是框架,解块RY也是框架,不是框架对不对?那如果我用到解宽瑞里的阿贾克斯去请求,比如说,比如说解块里的高负点阿贾克斯。
08:06
对吧,这样的方法去请求,或者里边点get.post对不对,不是不行,你想象一下,我们相当于装了一个什么,装了一个大厦,但是我们只用了大厦的一层而已,或者大厦的一个房间而已,对吧,得不偿失,所以呢,这个它里边又结合了有什么密啊,又结合了EES6语法,所以呢,通常在这些框架里边是前后端分离请求服务器的都是在使用这种技术了,也是阿贾克斯也是异步请求的。记住了吗?那我们把这几个单独提出来来讲,这样的话,我们在讲框架和微信小程序以及外BAPP的时候,那我们就不用在混合讲这些语法了,一是用到哪个语法讲哪个语法的时候,或者用到哪个讲哪个,你不能把它讲全,另外呢,混合讲每个里边有可能你都讲一遍,比较重复,所以呢,我们把它单独提出来,有这样的一个好处在这。
09:00
那有的说了不学这些东西,我能不能学这个可以啊,但是有一些ES6语法,或者咱们都用那些脚手架之类的,对吧?Voe有脚手架,Right有脚手架对吧,用这些脚手架。那你怎么用啊,对吧。混着讲也不是不行,对吧。这样的一个关系,那我们在学这个的之前。咱们说了学we react这个之前,那我们得学这些,但是从这里开始,我们学这几部分,学这几部分之前呢,你要先有这样的语法知识。先了解这些东西。当然了,呃解query你会不会都可以最好会啊,BOO会不会可以可以,但是呢也最好会对吧?如果不会的话,可以看一下我前面的课程加script这些,而MCSS都讲过了,对吧?你都可以去查找去看,那学这个之前你有这些基础知识,所以呢,它中间属于一个过渡的几个部分。让大家了解前端的职业发展路径,都有哪些技术是必须的。当然了。
10:01
像咱们介绍这些都是最主流的一些主干的技术,但是标边边边角角的技术太多了。啊,框架层出不穷,所以说学前端能把程序员累死,为什么?就是因为东西多,更新快,还得解决兼容性。但是呢,它又是学习更简单的,有的时候每一个框架有可能你十八二十分就学完了,对吧,但是咱们是讲科研,你学的全面,所以咱们都会详细的讲。那但是也不会把100%的东西都讲了,比如说NM。对吧,如果我想把它讲的所有都讲全了,我有可能用十个小时。但是呢,咱们的课程呢,有可能我就讲两个小时,只讲到最常用的那30%。你学会这30%,也就我讲过的,你弄懂了就可以了,我没讲过的,你看都不用看,因为有可能你这辈子都用不上。所以呢,这是跟老师学的一个好处。只学怎么了?后勤都用到了,老师没讲到的。当然也有个别的,咱们能完成100%,能完成你95%以上的工作。
11:00
得有百分之几完成不了,那么遇到这样的功能,你既然那95%的功能能够了,那个别的5%以下的,你直接搜索引擎搜索一下怎么使用也就OK了。这样的话能节约时间,不然每个知识点都讲100%,那想象一下对吧,有可能有些东这边都用不上,加大咱们学习难度和学习时间,所以任志高老师学习什么学习最有用的东西就OK了,好,这就是我们呃web前端框架之前的一些几个课程,咱们要学的一个介绍,让你简单了解一下,那下一开始呢,我们开始学习NPM啊,谢谢大家,这节课我们就到这里。
我来说两句