博狗体育在线投注_博狗体育投注官网_博狗bodog娱乐场在线

首页 > Web前端工程师 > MVC与MVVM框架设计
MVC与MVVM框架设计
  • MVC与MVVM框架设计

  • 主讲 : doodlewind
  • 掌握主流 UI 框架开发中所使用的常用MVC与MVVM设计模式,并理解主流 UI 框架的实现原理: HTML模板的编译过程、React的虚拟 DOM算法与Vue的依赖追踪机制等。
  • ¥99.00 ¥129.00 ¥95.00
  • Pro会员免费学

    9人学习时长 : 4.3 小时有效期 : 180 天 有效期自支付成功后开始计算,到期后仍可观看课程视频和图文,但不再享受问答和作业批改服务。Pro用户可享受无视有效期权限,随时随意轻松看。单课购买用户需关注课程有效期,合理安排学习计划。

课程概览

基于 MVC 与 MVVM 模式的各类 JavaScript UI 框架在现代的前端开发中非常常用,但许多前端开发者在使用框架时,实际上并不了解框架背后所封装的算法与设计模式,对框架的理解亦停留在【熟悉 API】的水平上。虽然这对于日常的业务开发并没有影响,然而对框架层面的技术储备的缺乏,或许会成为技术生涯中潜在的瓶颈。
另一方面,在开源社区中,从【对框架实现原理感兴趣】到【能够为框架开发贡献代码】之间,实际上存在着非常大的鸿沟。初学者在研读主流框架源码时,常常需要面对庞大而晦涩的源码库。由于常见的主流框架已经历了 Real World 的考验,其源码中多存在着各类影响阅读的 Workaround,故而要从中获得核心的【框架核心功能如何实现】信息,往往存在着较大的困难。
要实现【框架的使用者】到【框架的开发者 / 维护者】之间从 0 到 1 的转型,其中的一个关键门槛,在于【自己动手实现一个原型】。而本课程的目的,就是帮助学习者跨越这个门槛。本课程从介绍 MVC 与 MVVM 框架的实现原理开始,通过几十行级的代码实现各类框架核心特性的示例,向学习者展示这些框架功能的实现方式,从而为从 0 到 1 的进阶提供一些参考与帮助。

适合人群

1. 已有 JS 基础的前端初学者
2. 对前端框架实现原理与架构感兴趣的熟练者
3. 有定制或修改前端框架需求的中高级开发人员

常见问题

Q:如果有问题,我去哪里咨询?
A:关于课程的任何问题,都可以点击“右下角”的在线客服,我们会有专人为您解答。

Q:『有效期』是什么?
A:『有效期』从订单支付成功后开始计算,到期后仍然可以观看课程视频和图文,但不再享受问答和作业批改等服务。

Q:VIP价格是什么?
A:购买过博狗学院 VIP 会员的用户,可享受职业学院课程 VIP 价格,这个价格会比现价有一定的优惠。

Q: 有的章节的知识我已经会了,可以跳过吗?
A: 可以,整个课程采用自由学习方式,不设置每个课时的前后限制要求。

Q: 课程的视频提供下载么?
A: 我们的课程视频进行加密处理,暂时不支持下载。

MVC与MVVM框架设计

主讲:doodlewind

通过本课程的学习,应当能够掌握主流 UI 框架开发中所使用的常用 MVC 与 MVVM 设计模式,并理解主流 UI 框架核心功能的实现原理,包括常见 HTML 模板的编译过程、React 的虚拟 DOM 算法与 Vue 的依赖追踪机制等。

第 1 部分 MVC 机制 90 分钟

第 1 节 MVC 模式介绍 90 分钟
MVC 模式介绍
环境配置、工具使用
JS 高级语法
Model 模块实现
Controller 模块实现
View 模块实现
基于框架开发 Todo App
本节资料包
作业:为 Todo App 增加 Todo 项的过滤与完成功能
为 Todo App 增加 Todo 项的过滤与完成功能

第 2 部分 MVVM 核心特性 170 分钟

第 1 节 虚拟 DOM 的实现 60 分钟
虚拟 DOM 概念介绍
虚拟 DOM 数据结构
构建 DOM 基础 API
虚拟 DOM 实战开发
本小节资料包
第 2 节 HTML 编译器的实现 60 分钟
编译器概念介绍
词法分析与语法分析实现
语义分析器实现
HTML 模板使用实践
本小节资料包
第 3 节 数据绑定 50 分钟
Reactive 基础
计算属性与依赖追踪
依赖追踪器使用实践
本小节资料包
作业:实现基于虚拟 DOM 的数据绑定
实现基于虚拟 DOM 的数据绑定
作业:实现支持属性的 HTML 编译器
实现支持属性的 HTML 编译器
作业:实现 Todo App 未完成项的自动计算
实现 Todo App 未完成项的自动计算

学员服务

  • 作业批改
  • 有问必答

主讲老师

  • doodlewind

    博狗学院布道师

    工作于美团,前端高级工程师。