时间很快,零基础课1120期班的发车日期是11月20号,到今天是12月19号,明天就是一半的时间过去,今天小总结一下。
到今天为止,把jQuery版的电商网站整个的做完,在这期间讲解了以下技术点:
prototype、constructor、 __proto__、原型链、继承、设计模式(原型、单例、观察者)、new、this、call & apply,公共&私有方法(闭包)、递归...等技术。
上面的call & apply和单例模式还没有讲。继承提到一些,主要是prototype的原型继承。
电商网站主要是三个页面,每个页面一、二个主要模块:
(1)首页:
导航模块、轮播图模块、产品列表;
(2)产品详情页:
产品详情图片切换及局部显示模块、根据id加载不同产品信息模块、配送地址模块;
(3)购物车模块;
还有一些其它的,公共head头、common方法,tpl文件等等。。
这些模块的难度及复杂程度:
首页的
昨天和今天,用了二天时间,把购物车模块做完,它的内部方法及调用流程图:
这张图画的很清晰,里面有六条线:
今天下课之后,录像和示例代码已经上传到百度云。同学们在看代码的时候,要结合上面的代码流程图和Ui设计图一起来理解,
1、要理解它的结构,这个模块里面有很多的封装、公共方法;
2、要理解它的流程,进而在脑子里形成“全局记忆”;
要以UI图所体现的需求为出发点,思考为什么有些地方留有冗余?为什么有些地方必须要封装?
就像我今天在课堂笔记里所写,冗余和封装的取舍不太好举例子,因为各种情况千变万化。但你们在脑子里要先有这个问题,带着问题学习。某种程度上来讲,“问题就是方向。”
另外,关于上面那张图,前几期零基础课的同学看到的应该不是这样的。
其实事实是,每一期的这些流程图都不一样。因为每一期的电商网站项目的代码,我都是重写的,各种图也重画的。代码太多,记不住。看我自己以前的代码,还不如我自己写的快,
-_-
从复杂度上来讲,购物车的难度及复杂度,是之前的详情页+首页的二倍还要多。但即使这样,这个购物车模块在我看来,也不过是普通的日常工作而已。
明天再讲讲jq的插件、js的小例子、大概的说一下jq的源码;下午开始reactJs。具体进度看实际情况。
同学们要抓时间,时间过的很快,学习的压力也很大。如果学习这点压力都抗不住,那也不必想什么以后了。
希望在下一个月的学习中,同学们振奋精神,不要掉队。客观点讲,毕竟北上广一万多的工资,并不是那么好拿的。
另外,下一期的html、css部分的内容,肯定要切掉一部分。只不过根据上一次的投票来看,要切掉多少的问题。这个到时候,跟下一期的学生们具体讨论吧。
其实裁切多少静态页面部分的内容,在我这是无所谓的。时间就是2个月,html、css的少一些,js的内容就多一些,就看你们想学什么。到时具体分析吧。
// 前端职业路径 //
我所组织的先行者计划 3.0 版本-职业路径,就是用项目、实例的方式,从产品思维出发角度,来进行前端技术的学习。
领取专属 10元无门槛券
私享最新 技术干货