00:00
好了,那咱们接下来咱们从现在开始啊,我们要学一个什么东西呢?我给大家说一下啊,嗯,咱们要学web前端相关的一些东西啊,外部前端这个词汇呢,你可能不太理解什么是外部前端,是不是啊,没事啊,我会给大家解释的啊,给大家解释的。嗯。来,咱们来看一看接下来要学的这几个东西是什么?打开计算机D盘下呢有一个cos目录。Cos目录下面有什么呢?有一个零七,HTMLCSS和javascript。这是三个语言啊,HTML是一个语言,CSS也是一个语言啊,Java script也是一个语言,那这三个语言啊,我说一下,后边这个算得上是编程语言,前边这两个不算是编程语言啊,呃,这个呢是一种标签语言,这个呢是一种样式语言,这三个呢都是出现在什么呀,浏览器上的东西。
01:04
啊,都是出现在浏览器上的东西。那这块呢,这个代码呢,给大家放到什么地方呢?给大家放到加号X点右键啊,从这新建一个目录啊,咱们给大家放到这儿行吧,那这块咱们也给大家创建一个相关的目录啊,HT代码放到这个位置上,CSS代码放到这,然后加vascript代码给它放到这个位置上。行吧,诶这个大家应该还行吗?诶这个地方分好了啊分好了,然后呢,这块呢,咱们相关的一些资料和文档,我来给大家解释一下啊,要不然你可能不太知道它里面放的是什么,首先第一个document下面放的是咱们的一个呃课程体系。那么这个课程体系这个文件啊,它以xman的结尾。呃,这是一个什么文件呢?这是一个xman的文件,那xman的是什么呢?就是一个思维导图啊,思维导图啊。
02:02
这个课程体系呢,我把它列到这个思维导图里边啊,大家看这个这个文件就是这样的啊,大家看这个是咱们动力节点的这个9.1.0的课程体系啊,我来说一下这个课程体系呢,标号一表示必须掌握,标号二表示能够理解,标号三表示简单了解,标号四表示扩展内容啊,我会根据你的一个掌握情况来决定是否讲解啊,所以这个里边有标号1234啊,有四个标号来解释一下啊行了,那这块呢,咱们。咱们来把这个B前端这块打开啊,打开之后呢,B前端这块一共有这么几个技术,我们要学习,一个是HTL,一个是CS,一个是javascript HL这块呢,它的内容啊,也就这么多内容啊,其中重点呢,哎,我来说一下重点内容其实就是这一个啊,就是表单。表单,嗯,极其重要啊,当然这个超链接是吧,也要会啊,这个内容呢,我们基本上也就是多半天的时间就讲完了啊。
03:04
这是H天猫,然后再往下呢,这是CSS啊,讲几个样式,因为我们不是最主要做前端的啊,我们是做后台开发,我们Java程序员啊,不是外B前端程序员各位啊,然后呢,再往下是javascript,这是一门编程语言啊,我们这门编程语言我们至少要学三天时间啊,这要学三天时间对这个内容非常重要,各位啊,Javascript的内容非常非常重要,因为这是和Java语言啊类似啊,但是和Java没半点关系。啊,起的名字里边带个家吧,是吧,这是搭的家的顺风车啊。明白吧,搭的家的顺风车啊,就是。带Java呢,这个这种选择啊,我觉得也是非常对的啊。我觉得这个语言之所以当下这么火啊,我我觉得他当前啊,他之前很多年前他起这个名字也是非常重要的啊,但是和家文没关系,就蹭热度,就是这意思啊,蹭热度蹭对了啊,蹭对了对。
04:07
Java斯科的这个名字是公司给起的名。三影公司给起的名。Javascript以前不叫javascript,叫leavescript live live livescript,生动活活泼的脚本啊,生动活泼的脚本啊,然后后来呢,这个这个leave啊,这个实际上是一个一个公司啊,叫做网景公司,网景公司有一个程序员叫布兰登爱奇,布兰登爱奇呢,他是Java script支付,他开发了一本脚本,里面叫livescript,后来呢,网景公司啊,和这个S公司在某一个历史阶段,它是合作的,于是乎呢,S公司把leavescript的名字改成javascript,蹭一下Java的热度啊,当时这个选择也非常正确啊,到现在呢,Jascript非常火爆啊,非常火爆,对,基本上浏览器上离不开它,离不开它所有的框架都是基于加script扩展的一些框架,这个呢,咱们到时候再说啊,我先来说一下这三个东西是什么。
05:05
HTML是一个什么呢?是一个超文本标记语言。草本本标记一听有有俩字叫什么标记,也就是实际上呢,他呢会使用大量的什么标签。是不是哎,大量的标签,一个标签代表什么,这个标签代表什么,比如说我画这样一个标签,就代表画一个表格啊,我这个标签呢,就表示是一个图片啊。我这个标签呢,就表示一个表单啊,啊就这意思。标签语。没有技术含量。啊。靠你背。没办法,CSS是一个样式。样式这东西不不好搞,你就算把CSS样式里边东西所有的东西全都背会了,记住了,你也不一定能画出特别好看的东西啊,这个跟美学是有关系的啊,跟美学有关系的。
06:06
所以说呢,咱们Java程序员呢,就。更是差劲了。在这块一般情况下,服务器端的开发。但是我们要求最低是什么?要求最低就是别人写的CSS咱们能看懂。明白吧,简单的CS样式要会写。当然如果说您要是精通那更好是吧,您可以堪称为全站工程师,全站就是说你一个人啥活都能干去公司里边前端也会写,后台也会写,前端也会写,这个会写指的是说你可以画出一个非常好看,非常漂亮的界面,对吧?你像京东一样,你看京东首页,你知道吧,这京东首页怎么画出来的,就是靠这几个语言画的。你看看这个布局。对吧,哎,鼠标往这一停,右边有个选项卡,你看你看。
07:00
是吧,诶你看选项卡还能还能变,你看这一个门户的一个首页上就容纳了特别多的东西。你鼠标停到这变成红色对吧?哎,你鼠标停到这变成红色,这都是怎么做的对吧?这些东西都离不开谁。这三个东西。HTMLCSS加script。明白什么意思吧,哎,那有同学老师这里面这个图片是谁弄的呀。这个图片是UI设计师。UI设计师各位啊,UI设计师一般就是。美术专业出身。就一般大公司啊,招这个UI一般都是不会招这个半路。转行的啊,一般他会招那个。
08:00
美术专业。然后呢,毕业之后呢,他又接触过什么。Photoshop。明白吧,这几方面它具备,那他在这个UI方面也可以拿到很高的工资。很高这一块其实你也可以看看谁呢?智联招聘啊,对吧,他都招什么职位啊,来招招什么职位,咱看看这个UI设计师啊,现在这名字可高端上大体上档次了,什么师什么师啊,UI设计师是吧?UI设计师啊,其实就是个美工啊,就是个美工,嗯,UI设计师我们来找一个高级。高级油气的USB是。
09:00
是不是也还行对吧,是不是也可以呀。对吧,哎,UI可以啊,高级UI设计师30到50,你看他这个级别3万到5万,北京不到十年本科,这个是真的假的不知道啊,不知道,这个不太清楚啊,不太清楚,嗯。负责你看整条产品线的界面设计工作,具备成熟的设计风格把控能力。对吧,哎,能够带领设计师很好的完成小型项目的设计工作,并给予出。初阶设计师初级设计师吧,专业专业化指导是吧。这个薪资比较高啊,带编号的这个也还行,也还可以。对吧,所以说其实你要是不管是哪一行啊,您要是干精干专了。
10:02
您确实有能力,您这个钱真的就能挣到。啊就能挣到,这个是平时的工作啊,是图片最起码要会修,会修图是吧,然后呢,你美术专业出身。后期你会Photoshop,而且是精通Photoshop精通啊,照相馆那都不算啊,那都是低级的,对,那都是低端的,就是可能会玩一个修个简单的图片就完事了。那真正的就是UI的话是很牛的,你比如说京东的这个首页,他会找专门的UI去做,这个门户有专门团队去维护的。就这一个门户,一个页面,它会有一个专业的团队去维护,它天天搞这个,诶这个东西放到哪,用户的体验会更好。诶,这个开会是吧,这东西放到什么地方,用户的体验会更好一些啊,包括京东的这个logo,大家看是个小狗是吧?啊这个也是UI设计,是设计出来的,对不对啊,你看比如说这个百度,百度的首页,你别看这个百度首页就这么就这么一块,他有专门团队去维护啊,有的老师就这一块,就个团队去维护嘛,有这个门户,这是个门户啊,有专业团队去维护,你不要以为他的代码很少,你说代码他不少啊么?对,诶你你不要搞得这是什么玩意儿,我告诉你啊,这东西就是HT面CX加什么加vascript,就是写前端的,写前端这东西。
11:27
那百度的这个这个logo,它是这是这是个什么。熊是吧,熊狗熊啊,然后天猫是猫是不是都是小动物嘛,是不是哎。那除了EI设计师之外,还有什么别的岗位吗?我们找找外部前端,外部前端高级。Web前端高级web高级web前端开发工程师。
12:01
是吧,哎,Web中级高级开发,Web前端高级的高级的,你看是不是薪资也还可以啊。对吧,啊。这高级基本上就是五年以上是不是HH五指的是什么呀?HTML多少五五啊,H5,当然可能还有一些别的需要啊,别的需要像什么UE啊这些东西,还有这都什么呀,这都是javascript基于这个语言后边又衍生出的一些什么高级框架,听懂什么意思了吧。就是现在使用纯JS这个东西叫javascript,使用纯javascript写代码的团队很少。啊,不能说没有啊,不能说没有,我们不敢确保京东的首页是不是人家自己用纯JS写的,这些东西有可能他不借助任何框架啊,为啥?因为他们有人才呀。他们有人才啊,他们有的时候这些大牛们是不会用别的东西的。
13:02
你比如说百度,他在写的时候不使用j query。他为啥不使用这块啊。对吧,他有自己的团队,为啥用这块他可以自己写一个框架,懂吧。就这些牛的团队,你比如说阿里的。他会用别的东西吗?别的项目组写了一个小东西,阿里团队给他接触过来用一下,这种情况阿里人家根本不用,为啥阿里团队自己可以内部研发呀,人家自己研发自己的框架研发,对,再说了还有一个问题。百度假如说要用这块的话,有没有可能这块可能收费呀,这是有可能的,对不对啊,你可能不知道这块是啥啊,咱们先不管他啊,先不管就总之呢,就是这块呢,咱们要讲那个东西呢,我先提前给大家打个招呼啊,我们以后主要走的是。什么架构的系统?什么结构的系统BS结构?
14:03
B指的是什么浏览器,S指的是服务器,您以后主要的工作是在哪一块?BS这两个哪一块是S端?S端是服务器端,服务器端可以用C语言,也可以用PT,也可以用Python,也可以用Java,听明白了吧,哎。那么前BS这块S这个,咱们最主要供的就是这一块啊,但是您B这一块,B这一块是不是也得知道点东西啊,B这一块的三个重要的语言是哪个语言,就是我们这两天要讲的这个H加script,听懂什么意思了吗?我们讲那个东西是最终运行在哪的Java虚拟机。不是啊,跟Java虚拟机没有半点关系,没有半毛钱关系,这三个是运行在浏览器里边的,这种程序需要我们编译吗?不需要,写完代码,浏览器一打开就执行,浏览器一打开就执行,听懂了吗?哎,跟Java就不相干了,这是在浏览器前端上的一些东西。
15:09
啊,那这个事我需要给大家先提前打个招呼,你得知道咱们即将要学东西,这是干啥的啊干啥?对,总之呢,这个岗位各位啊,这个职位呢,我也给大家。提了一下。PHP就是只做前端,不是做前端啊,不能说PP做前端,PHP它也是做后端开发,对,可以快速开发网站。啊,但是论这个安全呀,论论这个重量级,这个级别呀,跟家伙差的太远了,PP只做一块,那一块快速网站开发。有一些小型企业,如果需要一些网站,需要快速开发,PP确实不错啊,但Java进入了,Java做网站,做网站开发只是Java的什么?一小块听懂了吧,加上除了做网站这块,是不是还有还可以做别的一些东西啊,对,就是这样的啊,就加va这块呢,它是比较庞大的啊,比较庞大,那也就意味着加入这块的就业面,就业机会会多一些,就是这个意思吧,嗯,好,那简单的一个介绍呢,就给大家说到这啊,就是即将我们要学的一个东西是什么东西,这个文档,我说有些老师我怎么去打开这个文件啊,你需要安装一个工具啊。
16:29
这个工具呢,叫xman的,就这个,你愿意安装就安装,你要安装哎呀还不行,安装这个文件你还打不开。对,你还得装一下这个工具啊,就这个xman。这跟我们开发有关系吗?没有啊,它是可以查看这种文件的啊,叫思维导图文件。那么下面这个目录呢?Result里存的是什么?这是我从网上搜罗的这些帮助文档。有没有CSS的帮助文档,有没有H苗的,有没有加spring的呀,都有,还有正则表达式,你看30分钟入门的是吧?嗯,这个是不是30分钟能入门呢?这个不一定啊,看你的这个这个叫什么,这个学习能力啊,那再往下呢,这个工具这一块我来说一下,这个是谷歌浏览器,这是火狐浏览器,这个是h builder呢,是开发这个HTMLCS加script的开发,就是写这个前端代码的一个开发工具啊,这个开发工具呢,就跟你刚才这个这个Java啊,这个叫idea工具都差不多,像这种就非常非常强大的一个这个提示工具啊,会有这样的东西,那这个dream规ver呢,是网页制作三剑客之一,网页制作三剑客之一啊。
17:38
对这工具啊,也可以了解一下啊,了解一下行了,大概的这个这块的这个目录结构啊,即将要学的东西,简单介绍了一下啊。
我来说两句