大前端工程化

会议室:待定
出品人:王鹤

前端技术已经延伸至各种“端”,随着业务和技术的快速发展,... 展开 >

专题出品人:王鹤

美团基础技术部前端技术中心负责人

王鹤,美团点评基础技术部前端技术中心负责人。2013 年加入美团,负责过企业 IM(大象),企业基础服务等,目前专注于前端领域移动中间件,效能工具和运维工具等前端基础设施的建设工作。

专题:大前端工程化

前端技术已经延伸至各种“端”,随着业务和技术的快速发展,大前端工程复杂度也越来越高,特别涉及大型团队或多团队协作的时候,大前端工程化就尤为重要。为了提升研发效率、保障大规模协同,各大厂的前端团队在工程领域不断拓展思路,突破界限,一些优秀的初创企业也从中另辟蹊径,勇于创新。本届 QCon 的前端工程专题将为大家带来那些伴随业务快速发展、团队规模扩大和技术快速升级沉淀下来的经验和最佳实践。

by 邓常强

美团
技术专家

过去十年,移动端技术日新月异,业务规模趋于庞大和多样化。如何保障业务快速稳定发展、提高协同开发效率,是移动端持续交付平台一直在思考和解决的问题。
本次分享,我将以移动端持续交付平台建设为主题,详细介绍美团在移动端 CI/CD 方面的探索和演进之路,既包括对基于 Jenkins 和 GitLab 的实践总结,也包括对自建 CI/CD 的思考和经验,希望给关注移动端持续交付的与会者带来帮助。

内容大纲

1. 背景

  • 持续交付的使命
  • 新技术和多业务下持续交付面临的挑战

2. 业内发展与现状

  • 移动端 CI/CD 发展历程
  • 移动端 CI/CD 技术介绍

3. 美团持续交付的演进

  • 持续交付的提效
  • 持续交付的质量保障
  • 大前端趋势下的持续交付平台建设

4. 回顾与展望

  • 过去移动端 CI/CD 的发展变迁
  • 未来大前端 CI/CD 的形态设想

听众收益

  1. 多业务形态下如何进行工程组织与团队协作
  2. 移动端持续交付平台的构建和优化经验分享
  3. 移动端构建工具的介绍与优化

by 欧阳雯

腾讯
前端高级工程师

随着各端业务的发展,各类组件增多、组件品质参差不齐、接入流程复杂多样等重重阻碍常常令我们望而退却。组件治理中台项目致力于构建腾讯统一的组件平台并形成“端云一体、开箱即用”的组件生态。在多团队合作共建的项目中,我们一直在探索如何保持开发效率,如何保证平台质量以及稳定性。本次分享将基于组件治理的背景,结合前端工程化的思路,利用 GitOps 及 ChatOps 快速搭建组件市场生态的方案和经验。

内容大纲

1、组件治理的背景及发展现状

  • 组件现状及治理目标
  • 组件治理的成果与进展

2、前端工程化探索

  • 规范化
  • 稳定性
  • 自动化

3、GitOps & ChatOps 实践

  •  Git 为中心构建组件市场
  •  ChatOps 助力组件治理

听众收益

  1. 中台项目中前端如何选型
  2. 如何利用 CI/CD,依赖自动化任务,管理优化工程质量
  3. GitOps & ChatOps 在中台项目中的深入实践及优化分享

by 李帅(卓风)

阿里巴巴
前端技术专家

2019 年 Imgcook 借助核心的 D2C(Design to Code,即设计稿出码) 能力,将模块智能出码水平提升到 79%,而分析发现未能智能出码的部分均是从视觉稿中获取不到代码信息的,比如多态逻辑、交互逻辑、数据服务逻辑,需要借助分析 PD(产品经理) 的原始 PRD(产品需求文档)才能获取到这部分代码信息,于是提出了 P2C(PRD to Code) 概念,希望通过 PRD、视觉稿(Design)结合的方式,来进一步提升出码水平。这些都在 Design+ to Code 整体蓝图中的一部分,本次分享通过详细讲解 D2C 向 P2C 升级递进的整个探索和产研过程来带出 Design+ to Code 整张蓝图,希望为大家在前端智能化领域的创新实践起到一个参考。 

内容大纲

1.Design to code

  • 阿里前端智能化大图
  • D2C整体技术蓝图
  • D2C当下发展状态
  • D2C面临的上升瓶颈

2.Product to code

  • P2C 走过的弯路
  • P2C 产品定位
  • P2C 需求录入端设计方案
  • P2C 需求出码端设计方案

3.Design + to code 未来布局

听众收益

听众通过此次分享可以获悉关于前端智能化领域的一些实践经验,并能以此作为启发开拓自己在各技术领域借助智能化能力提升产研效率或产品能力的思路,比如借助 NLP 能力提升产品的交互友好度。 关于 P2C,听众可以更深层了解到从需求到代码生成的智能化产品定位、推导、设计和实现链路,了解背后的技术难点攻坚,以及如何借助智能化思维去思考求解业务问题。 对 Design+ to Code 领域布局,听众有更进一步的了解,同时对智能化在前端领域内的发展空间有更深层次的认知和理解。 

适合人群

具备 NLP、 Knowledge Graph 、 Node.js 、Midway FaaS 等领域技术基础储备 

by 詹迟晶

抖音
资深工程师

我将分享由抖音基础技术团队和 Client Infrastructure 团队共同打造的一套研发生态链 —— MBox,着眼于研发本地项目,从“立项 -> 开发 -> 调试 -> 测试 -> 提交 -> 回归”整个环节进行提升开发体验,支持 macOS、iOS、Android、Flutter、Ruby,并且提供了 GUI、CLI 两种模式,为字节跳动上千研发人员提供技术支撑

内容大纲

1. Why

  • 研发人员的现状
  • 研发环境的现状
  • 研发项目的现状

2. What

  •   由抖音基础技术团队和 Client Infrastructure 团队共同打造的 MBox,让研发编写代码更 Easy and Fun

3. How

  • [Environment] 环境沙盒化,快速上手复杂项目
  • [Workspace] 项目沙盒化,增强组件化敏捷开发能力,轻松管理多个组件
  • [Workflow] 工程标准化,静态检测、准入标准严格保障质量
  • [Tools]  不断扩充的线下工具,统一研发入口
  • [Plugins]  灵活插件化,自定义各种能力

4. One more thing

  • Coming soon

交通指南

中国石油科技交流中心

Beijing International Convention Center
地址:北京市昌平区沙河镇黄河北街一号院石油科技交流中心
  • 微信咨询

  • 电话咨询

    联系电话:+86 17310043226

领取往期热门演讲视频

领取往期热门演讲视频二维码
小姐姐 Ring