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

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

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

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

难度 中级 ·
时长 11小时 ·
学习人数 245 ·
综合评分 9.95分
¥ 288.00

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

观看导学视频

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

高级前端工程师

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

就JS设计模式课程而言,这几乎是全网独一无二的系统视频课程

  • 以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
提问
数据加载中...
意见反馈 常见问题 APP下载
官方微信