首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

零基础课1120期的课程已经过半,今天小总结一下

时间很快,零基础课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 版本-职业路径,就是用项目、实例的方式,从产品思维出发角度,来进行前端技术的学习。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20171219B0PXR100?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券