小程序是一种新的开放能力， 开发者可以快速地开发一个小程序，便可以在微信内被便捷得获取和传播，同时具有出色的使用体验。随着近一年小程序风口的爆发，越来越多的开发者、企业开始接入小程序，那么在在线教育领域，我们可以通过小程序玩出什么花样呢？

本次主要介绍腾讯在线教育在微信小程序，QQ小程序上面的平台类、工具类、内容类小程序的开发实践之路以及优化方案。针对大型平台型小程序的架构设计、OCR拍照识别、语音识别场景的小程序架构方案以及如何在小程序开发上提高效率、兼顾性能、踩坑的实践经验。另外还会有近期推出的QQ小程序，以及如何从微信迁移到QQ小程序的实践经验。希望参会者能够通过本次分享，了解到在线教育领域小程序的选型、架构设计方案，以及实践踩坑总结，性能优化之道。另外还将了解到QQ小程序与微信小程序的差异，如何快速接入，抢占第一风口。

 

演讲提纲：

1、腾讯在线教育小程序生态介绍

1.1 小程序项目总览

 - 企鹅辅导（工具型）小程序

 - 腾讯课堂平台型小程序矩阵

2、小程序基础架构设计

 2.1 基础框架选型

 2.2 目录结构规范

 2.3 编码规范

 2.4 基础开发脚手架

3、小程序开发实践

 3.1 基于OCR的速算识别系统设计

 3.2 腾讯课堂开发实践

  3.2.1 腾讯课堂小程序音视频能力

  3.2.2 - 状态管理

  3.2.3 - 自动化发布

  3.2.4 - 机构小程序

 3.3 性能优化总结

 3.4 小程序公共基础库

  - 基础工具库- imwxutil

  - 基础UI库 - imwxUI

4、QQ小程序

 4.1 QQ小程序介绍

 4.2 QQ小程序迁移实践

听众收益：

大型站点微信小程序开发过程中的选型、架构以及踩坑经验。另外还有准备上线的QQ小程序，如何无缝对接微信小程序。

随着小程序业务复杂度的不断增加，前端软件工程的复杂度也在不断向小程序端转移。同时在传统前端开发领域，React Team 对复杂度这一问题给出的答案是 Hooks，Vue 也在 3.0 的 RFC 中规划了类似的 API。那我们是否可以将 Hooks 带到小程序开发里呢？

本次分享会讲解 Taro 对 Hooks 的探索。通过 Hooks API，我们可以摒弃 ES6 Class 或其它框架例如高阶组件、依赖注入、Behaviors、Traits 等等高大上的名词和概念，将小程序开发的复杂业务逻辑化简为一个个可预测的、可测试的普通函数。

演讲提纲：

1. 背景
（1）小程序业务开发日趋复杂
（2）React 和 Vue 对框架复杂度的探索
（3）Taro x Hooks

2. 什么是 Hooks
（1）state/data vs useState
（2）Redux vs useReducer
（3）生命周期 vs useEffect

3. Hooks 在 Taro 的实现
（1）小程序端实现
（2）H5 端实现
（3）移动端实现

4. Hooks 在小程序中实战
（1）自定义 Hooks
（2）大规模状态管理
（3）性能优化
（4）测试

5. 总结与展望

听众收益：

1. 了解新旧 React 开发/设计模式
2. 如何在小程序开发中使用 Taro 和 Hooks
3. 在小程序开发中写高可用、高性能、可预测、可测试的代码

小程序变化日新月异，各大厂商都推出了自己的小程序。 除了微信小程序以外，苏宁也同步开发了百度小程序、头条小程序等。同时小程序作为合适的载体，也特别适合放置于自有APP下。多端开发也带来了开发成本的增加，使得小程序同构方案迫在眉睫，在技术领域也已经出现了Taro、uni-app等解决方案。苏宁易购在小程序开发中，使用了另一条路，选择使用微信小程序原生代码作为开发语言，同步将小程序转换为多平台部署，积累了一些经验。本次演讲将从以下几个方面重点分享：

 

演讲提纲：

1. 苏宁小程序开发现状与小程序同构

（1）苏宁多平台开发小程序带来的资源问题

（2）为什么使用微信小程序原生作为开发语言

2. 主要技术方案简介

（1）技术思路---将微信小程序代码转换为其他平台代码

3. 将微信小程序代码转换为百度小程序代码

（1）技术思路及痛点----不同平台带来的业务逻辑不同

4. 将微信小程序转换为ReactNative，运行在苏宁APP上

（1）微信小程序代码如何转换为React代码

（2）微信小程序组件如何转换为对应的ReactNative组件

5. 将微信小程序代码平移到头条小程序

6. 小程序平台化方案带来的技术限制

7. 性能优化实践

 

听众收益：

对广大的小程序开发者，研发小程序同构方案的同道都有借鉴意义