首页 实战 Javascript设计模式系统讲解与应用
收藏

Javascript 设计模式系统讲解与应用

面试敲门砖/进阶垫脚石/设计有模式/代码更合理

Javascript设计模式系统讲解与应用

已完结 难度 中级 时长 11小时38分钟 学习人数 2220 综合评分 9.98
搞定微前端架构设计-高薪必学
活动到手价:¥556.00 领券加购减100
2门课 总价:¥656.00
加购物车

从“写好代码”到“设计代码”的过程,不仅是技术的提升,更是编程思维的提升,而这其中最关键的就是设计模式,是否理解并掌握设计模式,也是衡量程序员能力的标准之一。

双越
讲师

资深前端工程师

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看

终于,有一门为前端准备的设计模式课程了!

  • 以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)

环境参数

  • Node v6.2
  • npm v3.9
  • webpack v4.9
  • babel v6.26

万事俱备 只等你来

  • 匿名用户

    好评

    讲师的4门实战不知不觉我都买了(我真是好学啊,花了快1万了在慕课),确实讲的很好,3年前端2年VUE经验了,但课程还是有不少收获,之前一直写业务代码,对底层原理关注不够,以至于面试碰壁,虽然现在还没有换到心意的工作(年龄大了,31网络运维转开发,目前34了,压力山大),但收获还是有的。课程可以快速获得知识和别人的经验。但属于自己真正的经验还需要自己多多在实践中积累,在时间中收获。

  • 李行知

    好评

    很不错的课程,不过我觉得老师有一点说错了,如果可以得话可以写一些简单的业务代码,因为大部分人实际上还是要写很多的业务代码,这个样子不至于到时候不知道怎么用,而且这样更贴近平时的开发也更加的好理解一点,所以我最喜欢的是最后的实战部分的代码,感觉很舒服

  • IncredibleJoe

    好评

    一路从双越老师的前端JavaScript面试技巧, 高级面试学到了设计模式. 一直在用React, 感觉有点浮躁, 不知道如何提升自己, 这门课程对前端提升确实很有帮助, 也顺带把之前ES6一些没深入学习的Iterator, Proxy深入理解了一下, 另外状态模式中那个自己写一个简易Promise的环节也对Promise有了更深的认识, 做到不仅仅会使用 非常推荐!

查看全部1040条用户评价
提问
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题