论工程师的设计能力

3年工作经验，面试必考设计能力成为项目技术负责人，设计能力是必要基础从写好代码到做好设计，设计模式是必经之路

前端学习设计模式的困惑

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

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

面向对象：ES6 class 语法、三要素、UML类图设计原则：何为设计、5大设计原则、从设计到模式设计模式：分优先级讲解、结合核心技术、结合框架应用综合示例：设计方案、代码演示、设计模式对应

使用webpack和label搭建ES6编译环境 ES6 class面向对象的语法面向对象三要素：继承封装多态

通过《LINUX/UNIX设计哲学》理解何为设计 5大设计原则分析和理解，以及代码演示 “设计模式”->从“设计”到“模式”

概述：创建型、结构型、行为型常用设计模式，详细讲解，结合经典使用场景非常用设计模式，理解概念，示例演示有主有次，掌握重点

用jQuery实现一个简单的购物车设计分析，画UML类图代码演示总结使用的7种设计模式

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

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

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

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