从“写好代码”到“设计代码”的过程,不仅是技术的提升,更是编程思维的提升,而这其中最关键的就是设计模式,是否理解并掌握设计模式,也是衡量程序员能力的标准之一。
以JS代码讲解设计模式
查找设计模式资料,大多都是Java,关于
JS的你很难找到如此统一全面的
知识点覆盖+面试题解析
覆盖所有模式,尤其是前端常用模式,并
带你解析知名公司的经典面向对象面试题
结合日常工作使用场景
教你如何将设计能力应用于工作中,设计
并写出更加合理可扩展的代码,真正提高
设计能力
知识讲解+案例实战
知识讲解的同时配套一个综合实战案例,
让你看透设计模式的具体应用
学习前考虑
操作DOM / 绑定事件 / 发送请求
学习后考虑
面向对象 / 设计模式 / 合理性和扩展性
工厂模式
创建商品实例
单例模式
购物车
装饰器模式
Log(点击按钮日志打点)
代理模式
优惠商品打折(name有“优
惠”字样、price是原价的
80%)
使用jQuery,而不是Vue或React,完成一个购物车demo,因为Vue
和React封装了很多东西,不利于你理解设计模式,这是讲
师为讲解“前端设计模式”而精心设计的案例
观察者模式
事件监听 / Promise
状态模式
添加到购物车&从购物车删除
模版方法模式
渲染的方法统一成一个,里
面再分别写渲染不同部分的
代码
职责链模式
Promise多个then
面向对象
ES6 class 语法
三要素
UML 类图
设计原则
何为设计?
5 大设计原则
从设计到模式
模式应用
流行框架
jQuery/Vue/React/Node.js中的应用举例
JS核心技术
事件代理/Promise/Generator等对模式的应用
与生活实例结合,通俗易懂
综合示例
设计方案
代码演示
设计模式对应
关于课程的问题都可在问答区随时提问,讲
师会进行集中答疑
课程案例代码完全开放给你,你可以根据
所学知识,自行修改、优化
工作1-3年的前端工程师,或者基础较好的应届毕业生
了解面向对象思想,熟练使用jQuery或类似工具库,
有 ES6 语法基础,用过 Node.js 和 npm ,
了解 React 和 Vue 的用法(看过文档、做过 demo)
匿名用户
好评
讲师的4门实战不知不觉我都买了(我真是好学啊,花了快1万了在慕课),确实讲的很好,3年前端2年VUE经验了,但课程还是有不少收获,之前一直写业务代码,对底层原理关注不够,以至于面试碰壁,虽然现在还没有换到心意的工作(年龄大了,31网络运维转开发,目前34了,压力山大),但收获还是有的。课程可以快速获得知识和别人的经验。但属于自己真正的经验还需要自己多多在实践中积累,在时间中收获。
李行知
好评
很不错的课程,不过我觉得老师有一点说错了,如果可以得话可以写一些简单的业务代码,因为大部分人实际上还是要写很多的业务代码,这个样子不至于到时候不知道怎么用,而且这样更贴近平时的开发也更加的好理解一点,所以我最喜欢的是最后的实战部分的代码,感觉很舒服
IncredibleJoe
好评
一路从双越老师的前端JavaScript面试技巧, 高级面试学到了设计模式. 一直在用React, 感觉有点浮躁, 不知道如何提升自己, 这门课程对前端提升确实很有帮助, 也顺带把之前ES6一些没深入学习的Iterator, Proxy深入理解了一下, 另外状态模式中那个自己写一个简易Promise的环节也对Promise有了更深的认识, 做到不仅仅会使用 非常推荐!
如无法下载使用图片另存为
下载海报选课、学习遇到问题?
扫码添加指导老师 1V1 帮助你!
添加后老师会第一时间解决你的问题