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

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

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

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

难度 中级 时长 11小时38分钟 学习人数 2220 综合评分 9.98
搞定微前端架构设计-高薪必学
套餐价格:¥590.00
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下载
官方微信

学习咨询

选课、学习遇到问题?

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

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