导学

  • 论工程师的设计能力
  • 前端学习设计模式的困惑
  • 课程概述
  • 知识点介绍
  • 课程安排
    • 面向对象
    • 设计原则
    • 设计模式
    • 综合示例
  • 讲解方式
  • 课程收获
  • 学习前提
  • 重点提示

论工程师的设计能力

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

(一)导学(Javascript设计模式系统讲解与应用)相关推荐

  1. JavaScript设计模式系统讲解与应用-笔记

    可参考:https://www.kancloud.cn/qeating/javascript-design/1555175 第1章 课程介绍 1.导学 设计模式:前端开发.客户端开发.后端开发=> ...

  2. 深入 JavaScript 设计模式,从此有了优化代码的理论依据

    点击蓝字 关注「前端小苑」 精品技术文章,热门资讯第一时间送达 一.设计模式综述 我想很多和我一样的朋友小时候都看过<天龙八部>,里面的女主角王语嫣是个武学博才,但自己却毫无实战.比如段誉 ...

  3. javascript 设计模式_用英雄联盟的方式讲解JavaScript设计模式(二)

    前言 大家好,这是第三篇作者对于设计模式的分享了,前两篇可以参考: 手写一下JavaScript的几种设计模式 (工厂模式,单例模式,适配器模式,装饰者模式,建造者模式) 用英雄联盟的方式讲解Java ...

  4. 15分钟带你了解前端工程师必知的javascript设计模式(附详细思维导图和源码)

    前言 设计模式是一个程序员进阶高级的必备技巧,也是评判一个工程师工作经验和能力的试金石.设计模式是程序员多年工作经验的凝练和总结,能更大限度的优化代码以及对已有代码的合理重构.作为一名合格的前端工程师 ...

  5. 研学营地ERP系统开发技术讲解,博奥智源科技

    在"互联网+旅游"的行业发展背景下,为了培养复合型研学旅行管理人才,提升学生对研学活动流程的认知,更好掌握研学企业或机构的信息化管理与服务技能,研学营地ERP系统,改变传统的课堂教 ...

  6. C++ STL轻松导学

    名称 C++ STL轻松导学 作者 晨光(Morning) 简介 本教程介绍有关学习C++ STL的预备知识和STL的相关背景知识,适合想对STL做大致了解的初学者. 声明 本教程版权为晨光(Morn ...

  7. [书籍精读]《JavaScript设计模式与开发实践》精读笔记分享

    写在前面 书籍介绍:本书在尊重<设计模式>原意的同时,针对JavaScript语言特性全面介绍了更适合JavaScript程序员的了16个常用的设计模式,讲解了JavaScript面向对象 ...

  8. javascript设计模式与开发实践(二)- 封装和原型模式

    封装 封装数据 在许多语言的对象系统中,封装数据是由语法解析来实现的,这些语言也许提供了 private. public.protected 等关键字来提供不同的访问权限.例如:java 但在js里面 ...

  9. 大家一起学面向对象设计模式系列Chapter 02 软件设计的基本原则

    我们为什么要使用设计模式呢?有人可能会说为了设计出"高内聚低耦合"的软件."高内聚低耦合"的软件实际上也就是本文所说的具有可维护性和可复用性的软件. 这篇文章主 ...

最新文章

  1. 营销型企业更因紧跟营销潮流
  2. FreeRTOS实验_独立看门狗监视多线程
  3. Spring Boot:快速入门教程
  4. Mac--PHP已经开启gd扩展验证码不显示
  5. MSP432P401R TI Drivers 库函数学习笔记(五)PWM
  6. 面试精讲之面试考点及大厂真题 - 分布式专栏 18 谈谈怎么理解幂等,接口如何保证幂等
  7. activeperl安装不成功_手把手教你:Windows系统上安装GPU深度学习环境
  8. python编程工时计算_python 两个时间段过滤求交集(工时计算)
  9. ffmpeg下载视频
  10. 牛奶盒喷码字符识别(基于opencv)————(三)字符的识别
  11. 千图成像python_【Python还能干嘛】爬取微信好友头像完成马赛克拼图(千图成像)~...
  12. 高质量解读《互联网企业安全高级指南》——目录
  13. 2022年财务顾问FA行业研究报告
  14. Mixamo不仅是可商用的免费模型动画库,还是一个在线绑定蒙皮神器
  15. c语言控制51单片机完成交通信号灯(红绿灯)
  16. 信息系统项目管理师 - 项目范围管理
  17. 查看网站的爬虫协议,简单介绍爬虫协议robots.txt,避免爬虫爬的好,牢饭吃得早(保姆级图文)
  18. 求无向图的连通分量或有向图的强连通分量—tarjan()ccf高速公路
  19. SEC合规审查办公室2018工作重点:加强对加密货币企业信息披露的监管
  20. 企业邮箱-oa移动办公系统,高效协同办公解决方案

热门文章

  1. ThreadLocal父子线程传递实现方案
  2. MySql批量更新死锁案例分析
  3. python的中文文本挖掘库snownlp进行购物评论文本情感分析实例
  4. linux和windows互传文件 、用户配置文件和密码配置文件 、用户与用户组管理
  5. windows下安装gevent
  6. Kotlin与Java之争
  7. hashCode()方法的性能优化
  8. 获取Spring中的bean,使得线程安全性得到保障
  9. Eclipse字符集设置方式
  10. 我刚做的一个TreeView的CheckBox进行选中插入数据库,从数据库中读取数据后让CheckBox勾选的代码!...