论工程师的设计能力

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中的讲解方式有区别
不适合刚入门编程的同学，参考上文的学习前提