大前端工程化

会议室:待定
出品人:朱华军(阿大)

大前端的概念大家都比较了解,前端已经不仅仅是当年写写 Web 页面那么简单了,前... 展开 >

专题出品人:朱华军(阿大)

阿里巴巴高级前端技术专家

2009 年加入淘宝网,负责过淘宝交易、商品等基础业务及机票彩票、一淘等创新业务。2013 年开始专注于前端工程化领域,推动开发工具、流程和规范的统一,完成淘宝近百人前端团队研发模式的整体升级。目前负责阿里集团前端工程化中台的建设。

专题:大前端工程化

大前端的概念大家都比较了解,前端已经不仅仅是当年写写 Web 页面那么简单了,前端技术已经延伸至各种“端”。与之相匹配的工程体系也一样,仅仅只是构建、工具和规范等常规方式不足以表达当下前端工程所涉及的领域。为了提升研发效率、为了保障大规模协同、为了激发业务创新等等,各大厂的前端团队在工程领域不断拓展思路,突破界限,一些优秀的初创企业也从中另辟蹊径,换道创新。本届 QCon 的前端工程专题将为大家带来这些伴随业务形态转变、团队规模扩大和技术快速升级沉淀下来的经验和实践。

by 王鹤

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

Logan 是美团点评大前端日志平台,支持 iOS、Android、Web、RN、小程序日志收集存储和上报。Logan 目前的重心是在数据价值挖掘,Logan 记录了公司前端各业务线海量脱敏日志数据,对这些数据进行深入分析可以发掘出很多潜在价值,为改善用户体验、改进产品流程、提高可用性等提供数据支撑。Logan 已经集成进公司大部分 App,新业务可以以低成本接入 Logan,无需额外引入组件和配置,端上 SDK 提供了简洁的 C 语言 API,新业务几行代码即可接入。本次分享主要介绍 Logan 平台的设计思路,技术架构,以及在美团的实践。

内容大纲

  1. 设计思路:阐述 Logan 产生的背景,主要解决什么问题
  2. 整体技术架构:阐述基于要解决的问题,设计过程中的思考及整体解决方案
  3. 特色设计:针对一些具体设计特性进行分享,包括统一的日志服务、分布存储按需获取和数据开放平台
  4. 在美团的实践:在网络通道业务具体应用,包括 IP 下发、智能路由、TCP 通道状态、安全通道握手信息、网络状态码、延时、流量等
  5. 未来规划:分享结合目前业务的思考,Logan 未来的发展思路和方向

听众受益

  1. 了解 Logan 端上日志设计思路
  2. 了解 Logan 在美团中的实践,希望给予一些启发

适合人群

前端工程师、架构师及前端爱好者。

by 尹刘胜

每日优鲜
营销前端负责人

对于需求量非常大的MIS后管系统,从业务侧来看,需求相似度很大,太多表格+表单,业务大多是增删改查,重复性工作;从产品上看,交互风格比较统一,大多是form表单,即主要以实现功能为主,对视觉/交互细节要求不高。因此,我们抛弃了传统的手工编码的方式,而是基于Vue框架 ,采用类似于声明式+可视化编程开发MIS类需求,实现了从界面设计到部署上线一站式操作,降低门槛,提升效率,提高前端生产力。本次演讲将分享我们在工程化实践过程中面临的挑战和解决思路。

内容大纲

  1. 开发者如何把可复用的代码抽象成符合规范的组件
  2. 设计器如何把不同组件连起来,组合出复杂的页面
  3. “数据引擎”如何解析组件中的数据流,让所有组件一起完成你所需的功能

听众收益

  1. 从我们的项目中借鉴FBP设计的思想
  2. 从我们的实践中了解面向数据式开发的思想--DSL

适合人群

  1. 互联网行业中来自业务团队的前端从业者,特别是MIS开发同学
  2. 前端微服务架构的同学

by 周俊鹏

腾讯
高级工程师

Serverless 相关技术的普及影响前端开发者的现有能力和定位,同时前后端架构和工程体系也随其发展而产生变化。便利性并非是 Serverless 为全栈开发提供的唯一加持,函数、数据库、文件存储等细分能力仅仅是底层基础支撑,面向工业级的 Serverless 平台还需兼顾鉴权、性能、安全、生态、多端等环节,进而才能在此平台之上打造高可用、高扩展的全栈应用架构。本次分享我将结合腾讯 Cloudbase 团队的实践经验,讲述 Serverless 落地过程。

演讲提纲

1. Serverless 给前端带来的挑战和机遇

  • 对前端定位的改变
  • 对前端开发者能力的需求
  • 对现有前后端架构和工程体系的冲击

2. 面向全栈的 Serverless 平台应该具备哪些能力

  • 基础
    • 业务-函数
    • 数据-数据库
    • 存储-文件存储
    • 入口-静态托管
    • 服务-API/Gateway/SDK
  • 平台
    • 鉴权
    • 安全
  • 生态
    • 工具
    • 多端
    • 多平台打通
  •  容灾
    • 监控预警
    • 弹性扩容
  • 经济
    • 按量计费
    • 新入成本
    • 迁移成本

3. 全栈架构升级和工程模型

  • 明确前后端分离架构
  • 降低运维成本
  • 案例:React 前后端同构

4. 总结&QA

听众收益

  1. 明确工业级 Serverless 平台应该具备哪些能力以及如何落地;
  2. 清楚生态打通、服务形态等 Serverless 理论之外的环节的重要性以及如何结合自身生态完成融合。

听懂我的演讲,需要具备这些知识储备

  1. 了解 Serverless 基本概念;
  2. 了解 Web 应用整体架构和前后端协同模式;
  3. 了解 Web 应用运维保障体系。

交通指南

北京富力万丽酒店

Renaissance Beijing Capital Hotel
地址: 北京朝阳区东三环中路61号
  • 微信咨询

  • 电话咨询

    联系电话:86+ 13167596032

微信联系我们