2018年让任何人迅速成为Web开发者.pdf

1、内容提要这个问题的背景与困境我们是如何解决这些问题的截止到现在，问题解决效果如何小结、问与答前端组件化开发过程可视化开发过程傻瓜化开发过程自动化开发过程模板化数据模型化背景人不够人数不够技能不足培养缓慢流失严重招聘困难坑空等萝卜需求多需求紧需求复杂需求多变定制性强团队间难以相互支援理想中的Ux妹子们输出的原型直接当代码用是人就能开发 Web App会 if else 就能开发复杂 Web App看看demo，看看视频就能上手新手三五天就能上手开发 Web APP与用户确认需求时，直接拖出实际效果用户当场确认效果，减少反复用户自己拖出想要的效果手段如何解决这些问题？手段前端组件化数据模型化开发过

2、程可视化开发过程傻瓜化开发过程自动化开发过程模板化前端组件化收益统一的技术栈前端组件化收益Ux成果在最细粒度层面上落地统一的功能封装统一的组件API统一的交互过程统一的知识/技能统一的UI风格统一换肤消除重复造轮子统一的开发流程统一的前后端接口调用统一的数据结构统一的Bug统一的合规治理Ux妹子们不再需要与所有团队对接统一的坑组件团队永远是问题的最后一桶Web开发专家都沉淀在组件团队组件团队成为黄埔军校Ux妹子们专注于设计，无需担忧落地统一的技术栈统一的合规治理组件团队成为黄埔军校前端组件化挑战前端组件化挑战需要自上而下强制推行，领导的信任与坚持是最大挑战组件团队的设计能力组件团队的填坑能力组

3、件团队是纯技术团队组件团队的领军人物组件API的向下兼容性组件团队如何处理兼容性包袱组件团队的技术影响力严格编码规范与 Code Review自动化测试与DevOps需要自上而下强制推行，领导的信任与坚持是最大挑战组件团队的领军人物前端组件化Jigsawhttp:/数据模型化收益数据模型化收益配置=SQLSQL=数据零编码生成 Rest 服务零编码生成 Rest 服务了解业务就可以开发 Rest 服务了解业务就可以开发 Rest 服务数据模型化Pluto数据模型化-Pluto报表配置数据模型化-PlutoPluto编译器生成的中间文件、SQL语句以前，这些文件都是手工编写的数据模型化-Plut

4、o手段前端组件化数据模型化开发过程可视化开发过程傻瓜化开发过程自动化开发过程模板化Web应用恒等式视图+数据=应用视图可视化开发收益视图可视化开发收益对 HTML/CSS 技能零要求对 JS 编码技能要求很低很低.模板化的开发方式让app开发过程成为流水线解决组件到app的最后一公里代码自动生成：工具将开发者填写的业务逻辑片段串成app自动植入埋点一键测试自动生成部分自动化测试代码一键发布Ux妹子的输出成为开发者的输入开发能力开放视图可视化开发挑战（开发可视化工具）这条路上尸骨累累，甚至有很多连痕迹都没有留下 侯振宇（支付宝金蝉主要作者）http:/ one can be a Web Appl

5、ication Developer ExpertAWADEAwade 设计理念Awade 设计理念 面向组件，而非面向DOM 我们认为，HTML+CSS的灵活性和可能性是无法抽象的，任何尝试对HTML+CSS做出抽象的可视化工具必然走入两个死路：一是变得极其复杂，失去了快速/简单的可视化工具没有任何价值；另一个死路是可用性严重下降，只能当做玩具玩玩。类似Jigsaw这样的组件集，已经将DOM的细节做了最大程度上的屏蔽，并通过API的方式将少量关键细节暴露出来，外部通过操作这些API来控制组件的行为。对这些API做抽象则简单许多，Awade正是在这个层面上做抽象的，这样既避免陷入过多细节，又借助

6、组件的能力提升Awade自己的可用性。Awade 设计理念 拥抱市面上所有Angular组件集；Jigsaw只是默认的，并非不可替代；我们在Awade与组件集之间加入了一层meta，它是任何组件用法与功能的抽象，是组件与Awade之间的纽带；凡是有正确meta的组件，都可以被Awade识别和使用；Awade 设计理念 前后端一体化的开发模式，支持一键式调用模型化的数据、支持普通Rest服务数据、支持直接编码提取、加工数据；支持一键式数据服务打桩，让Web应用的开发与后台解耦，实现并行甚至提前开发；拥抱垂直式的特性切分与开发模式：使用Awade开发，人人都