Design-pattern-Of-JavaScript

JavaSript 设计模式

设计模式是所有程序员必须要掌握的知识，无论你是前端还是后端。掌握好设计模式，才能称为一定意义上的工程师。

论工程师的设计能力

• 年以上工作经验，面试必考设计能力。
• 称为技术负责人，设计能力是基础。
• 从写好代码，到做好设计，设计模式是必经之路。

前端学习设计模式的困惑

• 网上的资料都是针对 JAVA 等后端语言的
• 看懂概念，但是不知道怎么用，看完就忘
• 现在的 JS 框架，到底用了哪些设计模式

课程概述

• 做什么？　－　讲解 JS 设计模式
• 哪些部分？－　面向对象，设计原则，设计模式
• 技术？　－　面向对象，UML 类图，ES6

知识点介绍

• 面向对象 ES6 calss 语法，三要素，UML 类图
• 设计原则 何为设计，5 大设计模式，从设计到模式
• 设计模式 分优先级讲解，结合核心技术，结合框架应用

综合实例

• 设计方案
• 代码演示
• 设计模式对应

课程安排

• 面向对象 　使用 webpack 和 babel 搭建 ES6 编译环境 　 ES6 Class 面向对象的语法 　面向对象三要素: 继承　封装　多态
• 设计原则 　通过《LINUX/UNIX 设计哲学》理解何为设计 　５大设计原则分析和理解，以及代码演示. 　设计模式－－从“设计”到“模式” *设计模式 　概述：创建型，结构型，行为型 　常用设计模式，详细讲解，结合经典使用场景 　非常用设计模式，理解概念，示例演示 　有主有次，掌握重点
• 综合实例 　用 JQuery 实现一个简单的购物车 　设计分析，画 UML 类图 　代码演示 　总结使用的 7 种设计模式

讲授方式

• 先基础后实践，先“设计”后“模式”
• 重点、常用的设计模式，配合经典使用场景
• 综合实例，演示设计模式如何使用
• 用 JS 的方式讲解面向对象和设计模式

课程收获

• 面向对象思想，UML 类图
• ５大设计原则，２３中设计模式
• 能应对前端面试中相关的面试题
• 提升个人能力

学习前提

• 了解面向对象，能熟练使用 jQuery 或类似工具库
• 有 ES6 语法基础，用过 nodejs 和 npm 环境
• 了解 Vue 　和 React (至少看过文档，做过 demo)

重点提示

• 本课程讲解设计模式，不是实战项目也不是源码分析
• 23 中设计模式不是都常用，分清主次
• 设计模式在 JS 和 JAVA 中的讲解方式有区别
• 不适合刚入门编程的同学，参考上文的学习前提