80 个前端基建工具是如何练成的 | 第二届前端早早聊大会全程直播

抗击疫情 • 共度时艰，本次大会全程线上直播，所得净收入所有捐给疫区，捐献渠道：支付宝 APP 中的 「阿里巴巴公益 | 支付宝公益」紧急支援抗击新冠肺炎疫情的筹款通道，大会结束捐款经过前端早早聊公众号公示。

1、前端早早聊大会

会议共 12 期，第一期主题是：前端如何转管理

特色：单主题、多讲师、用得上、听得懂、抄得走

主办方：前端早早聊与掘金联合举办

上一期大会 2020.1.11 在杭州举办，主题是 「前端转管理」，有 450 人报名参加，反响强烈：

上次大会分享话题的 PPT/录播视频/图文讲稿，你们能够到公众号 「前端早早聊」 回复 "大会" 二字获取：

• 5 人团队 • 杭州字节某团队 | 竹隐 - 如何从 7 年技术架构走向业务管理
• 10 人团队 • 丁香园丁香医生 | 志遥 - 如何在小型前端团队的管理中踩坑
• 20 人团队 • 宋小菜大前端 | Scott - 如何在中小前端团队中完成管理转型
• 40 人团队 • 大搜车无线架构 | 芋头 - 如何带领前端架构团队突破价值困局
• 50 人团队 • 政采云前端团队 | 堂主 - 如何推进与影响中型前端团队的成长

本次大会主题 「前端如何搞基建」，时间 2020.2.29 下午 13:00~18:00，经过微信群通知视频直播地址。

考虑到疫情影响，会议采用全程微信群图文直播 + 线上视频直播的方式，你们报名成功后，请加小助手微信（Eva_melon 或 wongmicky）邀请进大会群与相关语雀库。

为何会启动这样一个类型的大会，请下翻到第七点和第八点浏览。

2、大会分享的内容

一个前端工程师，自然会在职业不一样阶段，处在 技术型选手、业务型选手、管理型选手 交叉的象限中。不管是哪种选手，从初级迈向技术专家的路程上，除了作业务和管理外，具有前端基建方法论都是一个能力刚需。

从事前端这些年，你是否有过这些困惑：

• 天天陷在业务中，机械的切页面写功能
• 想用最新的技术栈，得不到认同和受权
• 想要提高开发效率，不知道从哪里下手
• 每次尝试作基建，老板都说业务更重要
• 到底如何定位、立项和衡量作基建的价值
• 前端团队无规范缺工具偏人肉，成长慢
• 前端技术一直变，有没有更有生命力的能力
• 提效降本到底在团队如何制定目标立项推进
• 基建项目管理，跟业务项目管理有什么不一样
• 作业务和作基建的资源和精力应该怎么分配
• ...

在市面上太多的团队中，基建难找准定位，难受权立项，难衡量价值，难推广应用...

对于大量在一线的前端工程师，特别对于深陷业务，团队里还缺乏大牛的时候，因为意识、方向、方法论的欠缺，很容易致使技术成长缓慢甚至停滞，若是技术基建的价值老板也不承认的话，工程师的成长就更加雪上加霜。

不少同窗经历过业务一直变，最后没拿到业务结果，同时高频的变化致使技术上的沉淀和提高也不够，让本身的职场竞争力开始掉队，经历过整个过程的人，不管是管理者仍是员工，都知道有多难受，这里面必定有基本的方法论，包括取巧的手段，这些干货的经验应该能够借鉴复用。

因此大会的议题设定为：从整个团队（含业务团队）的问题出发，提效降本增受益的基建如何作，从 如何识别问题，断定价值，得到受权立项，到如何衡量目标产出，如何找资源立项并管理进度，最终推进团队来应用落地产生价值等，按照这样的路线来输出经验方法给到社区的同窗，帮助你们不管是我的的技术成长，仍是团队的开发提效，仍是带团队总体的基建方法论，都能从此次会议中获得启发，回去后能够应用。

3、讲师和话题介绍

疫情肆虐的 2020 年，整个互联网行业也受到了相应的冲击，各个公司在市场的生存环境变化也会影响都工程师团队的研发节奏和技术成长，特别对于远程办公的团队，他们更须要自动化工具化的研发基础设施，此次咱们请来 5 位前端技术专家或团队负责人，给你们讲一讲他们各自团队的技术基建成功经验及背后的方法论：

讲师	职位	团队成立
小爝	新浪移动-前端基础技术	3 年
	话题：如何推进基础架构项目落地
堂主	政采云-前端负责人	4 年
	话题：如何推进大项前端团队基建 0 到 1
Scott	宋小菜-大前端负责人	5 年
	话题：如何在人单力薄时实践基建一条龙
芋头	大搜车-无线架构负责人	6 年
	话题：如何经过基建推进架构团队价值破局
崇志	阿里妈妈-前端技术专家	10 年
	话题：如何设计大型前端团队的基建路线图

“业务作不快，加班加不完”
“每日联调扯皮，成就感缺失”
“公司不重视、前端地位低”
“需求作不完， 技术没成长”
“作了工具，怎么证实它的价值”...

诸如此类的问题，每个讲师都碰到过。

这些讲师工做经验从 5 到 15 年不等，带的团队从 5 到 50 人不等，他们经手的基建项目也从 10 个到 30 个不等（讲师简介能够看后面第六点），这些问题他们是如何处理的呢，一路怎么走来的呢？这 5 场干货的分享必定会带给你们彻底不一样的观察视角。

4、你会获得的收获

大会中，听众能够学习到：

• 可能性：在不一样类型的团队（不一样的行业属性和业务背景下），一个团队的基建能作哪些事
• 方法论：这些基建的点子（创意/想法）如何从产生，到规划，到立项，到执行，到最终落地
• 技术成长与氛围：经过在这些可能性中实践方法论，能让团队和我的得到哪些软硬实力成长

讲师所在团队的基建一路走来并不平顺，但历经多年，也都拿到了阶段性的成果，部分团队的基建成果以下：

• 版本管理：Gitlab
• 持续集成：CI/CD + 自建 CI server + runner
• Hybrid 离线包管理平台
• Scheme 协议数据源管理平台
• Etcd 微服务可视化配置平台
• H5 + Hybrid 错误&性能监控
• 前端日志回捞系统
• Node.js docker k8s 容器化服务
• Puppeteer 服务集群
• 统一无配置 webpack 脚手架
• 自研 JSBridge 和两端统一服务框架
• 可视化的组件提取运营后台，用于生成活动页
• 前端日志经过配置自动生成线上路由服务
• Nodejs 框架 daruk
• Nodejs 全链路日志和错误监控，性能监控看板等
• Highway - PC/H5 工程框架
• Cross - Node.js 工程框架
• Brick - RN 工程框架
• 小包子 - 小程序打包平台
• 大伯伯 - RN APP 打包平台
• 大表姐 - RN APP 热更新平台
• 姑奶奶 - RN APP 异常跟踪平台（过渡产品）
• 大表哥 - 报表及可视化平台
• 大盘子 - BI 分析与可视化大盘平台
• 大瓜子 - 中后台可视化表单搭建平台
• 大浪子 - 全端全链路监控平台
• 小星星 - 公司内网导航站
• 堂哥 - 团队周报日报平台
• 大发哥 - PC/NPM 发布部署平台
• 大舅哥 - 先后端 GraphQL 数据聚合平台
• 大椰子 - DevOps 前端多端一体化研发平台
• 蓝胖子 - 客户端逆向工程
• 鬼斯通 - 客户端数据库消息插件
• 铜雀台：文档系统
• 天眼：公司内网导航站
• ZooKit：PC/H5 工程框架
• 敦煌：前端应用管理工程化平台（项目/模板/组件管理)
• Galaxy：业务埋点 JSSDK
• 浑仪：埋点数据分析&展现系统
• 鲁班：可视化搭建系统
• 逼格（Big）：数据大屏搭建系统
• 门神：内部应用权限系统
• 云长：CI/CD 系统（打包/检测/部署平台）
• 百策：Web 性能分析系统
• 水镜：能力成长辅助系统
• 数据投放系统（在建）：静态化投放/动态化投放
• 九色鹿：物料系统（多端 UI/业务组件模板库）
• 前端辅助插件工具：Zoo！插件/VS Code Plugin
• 团队站点：博客站点/小报站点/接口服务/定时任务服务
• 客户端：基础框架/容器组件/JSBridge
• CDN 发布工具
• NPM 私有平台
• 全流程全栈持续集成及底层容器服务（Node/H5/RN/小程序/APP等）
• SoucheUI: 各端集团统一组件库（PC,H5,小程序,主题工具等）
• JarvisRN: ReactNative 全周期解决方案（框架/组件/容器/跨端能力/持续集成/热更等）
• BlueWindy: Nodejs 企业开发框架生态（框架/插件/持续集成/线上运维和保障/Java 生态互通/开发工具/服务）
• MUJI: React 企业开发框架生态（框架/脚手架/插件/持续集成/UI 模板等）
• Souche mPaaS：移动端总体解决方案（底层能力/业务容器/跨端基础能力/基础服务/基础产品等）
• SoucheOS：设备平台（IoT平台/设备群控/设备能力/定制 Launcher等）
• 微信生态服务（微信群控中间件/微信接入层服务/工程化等）
• 服务市场（内部基础服务市场，可提供鉴权和调用管控，基础工具，服务索引等，非物理服务粒度）
• 开放平台（公司内外服务物理隔离的管控层，提供鉴权/管控/编排/开发工具/审批/计费/文档等能力）
• 智能相机（提供端上快速智能识别体系，基本包括全部证件类型识别，并提供插件能力）
• 多媒体中台（提供高性能高可用的音视频图片处理能力）
• 数据可视化平台、无痕埋点、图表组件库、高性能表格库
• APaaS 平台、表单引擎、工做流引擎
• APP 托管分发服务、移动运营平台、移动端日志反馈平台
• 工程体系：rmx-cli、webui
• 前端框架体系：Magix、Marquex
• Magix 组件体系
• 图表体系：canvax、chartx、chartpark
• 数据(埋点)体系：数据小站
• 搭建体系：乐高、alp、淘积木
• iconfont
• 创意体系：创意中心、拼图服务
• 接口管理体系：Mock.js、Rap
• Serverless 体系：fether

此次大会上，这一系列的成果究竟是如何拿到的，让咱们从直播中拭目以待吧。

5、如何参加这个会

本次活动名额分批次放出，关注「前端早早聊」便可看到报名连接，或扫码下面海报二维码：

鼓励你们转发海报到朋友圈，让你的前端老板也看到，帮助她/他更好的规划团队基建，加速组员成长。

报名成功后，请加微信：Eva_melon 或 wongmicky 联系志愿者审核以及邀请进微信群。

报名成功之后，会被直接拉入前端早早聊大会微信交流群 及 相关语雀文库，第一时间了解更多更新大会信息，大会当天的视频直播地址、PPT 直播图片推送、QA，包括大会结束后 24 小时内，相关录播视频、PPT 资料、分享讲稿资料都会在微信群中同步。

大会举办时间：2020 年 2 月 29 日，下午 13:00 ～ 下午 18:00
报名截至时间：2020 年 2 月 22 日下午 18:00
大会举办方式：微信群 PPT 高清图文直播 + 线上视频实时直播 + 会后资料推送
大会主办方：前端早早聊 & 掘金 联合举办

关注公众号：前端早早聊，及时得到大会最新进度和新释放的名额信息

6、点评这一期讲师

小爝，老牌前端技术专家，技术很是硬核，有强大的社区影响力，目前新浪带领移动基础技术团队，在前端基建方面很有建树。

芋头，HangZhou NodeParty 发起人，一次次点爆杭城的 Node 交流之火，生活中很是 Geek，目前在大搜车带 40 人的无线架构团队。

堂主，十几年的前端生涯，历练了浑身本领，对前端技术生态的理解和工程师人群的理解很是深入，目前在政采云带领 50 人的前端技术团队。

崇志，又帅又硬核的阿里前端技术专家，此次表明成立 12 年的前端团队，分享支撑千亿规模交易背后，大规模前端基础设施如何实施。

Scott，前端早早聊大会的发起人，一个在创业路上不断折腾的前端，这两年在宋小菜带前端团队，从 6 人到 20 人，淌平了路上的无数基建大坑。

------------分割线-------------

7、这个会议的样子

从 2020 年 1 月开始，每月办一期(最后一周居多)，每次都是周六下午，一年 12 期，日期大概以下：

8、为何办这个会

D2/QCon/GMTC... 每一年有那么多前端技术大会，为何还要再多办一个？

你们若是留意观察近十年的大型技术会议，会发现除了冠名的厂商（一些是小厂）有专场分享，不管主会场仍是分会场，绝大多数都是大厂的讲师在作布道，同时各个技术会议的周期是一年几回，商业化收费也在所不免，每次大会都是主会场和分会场同步进行，行程很是密集，这对于中小型公司，以及对于技术实力薄弱的团队和人，带来以下问题：

1. 小厂缺少露脸机会，讲师及团队的影响力无从扩大，流量的集中效应致使小厂更难汇集人才
2. 大厂布道有它的前瞻性和技术土壤，对不少小厂不适用，既没人也没技术基础设施，甚至没有管理层支持
3. 每次大会的议题属于轰炸式填鸭，会场也听不完，单场分享深度广度及过程不利于快速消化吸取
4. 大会一般在某个城市，算上机票火车票住宿和会场门票，对于工程师是一笔不小开支

这类大会是前端社区的福祉，咱们必须确定它们的价值，尤为是站在行业前沿的高瞻远瞩，对风向的判断和创新性解决方案的引领，这些价值无需置疑，但面向更薄弱的团队，效果就会打一个折扣。

一个公司的前端人数，不超过二三十人，这些都是标准的小厂小团队，技术实力每每有限，专家更是百里挑一，面对再高大上的行业解决方案，也是捉襟见肘，听热了耳朵开拓了视野，对于手头的工做却帮助甚小。

这些状况在小菜一样存在，因此 Scott 决定办这个会，只求技术解决方案的接地气和性价比，只求每次能够把某个专题经过四五个讲师的实践经验，把它讲透讲明白，同时这个会议彻底的公益免费，帮助更多技术和资金薄弱的团队及我的，对他们平常工做产生正面的可实践的影响，真正办成一场用得上、听得懂、抄得走的技术会议。

9、会议气氛与指望

一个会议要有它的格调，这一系列的会议中要求接地气有干货，同时要经过会场互动，跟全部的听众打成一片，让你们在很是放松和兴奋的状态下进入到每一场分享中，讲师再也不高高在上，听众提问再也不颤颤巍巍，一块儿学习一块儿讨论，互相取经就是这场会议要宣导的气氛。

抛开气氛，就是话题质量，话题质量有不少维度，这个会议系列如前文所讲，重在 How，How 的部分不宜太细也不宜太粗，关键词就是方法论 + 实现，因此全部话题会强行要求，都是如何开头，如：

• 如何对 RN/APP/H5/PC 设计跨端组件
• 如何针对多端自建前端监控体系

“如何体” 就是这个会议的一大特点。

10、报名参会的待遇

全部报名参加的同窗，享受以下待遇：

• 直播中向讲师提问
• 邀请进入会场微信群
• 微信群看高清 PPT 直播素材
• 当天下载访问讲师分享的 PPT
• 24 小时内便可访问热乎录播视频
• 24 小时内便可浏览全部讲师的文字讲稿
• 第三期大会的报名优先得到报名名额

同时，报名参与会议的同窗，符合以下条件便可退还报名费，从而达到免费参加会议的目的：

• 会议结束后，在指定文档库沉淀大会的 2000+ 字总结文章
• 会议结束 3 天内，文章得到别人赠送语雀稻谷，数量超过 140 颗（至关于 20 人点赞）

知足以上二者的童鞋便可联系小助手退费（Eva_melon）。

除此之外，全部沉淀文章中，获赞数最高的 3 位同窗，还能够得到由讲师签名的技术书籍。

本活动最终解释权归 前端早早聊 & 掘金 全部。

本文分享自微信公众号 - 政采云前端团队（Zoo-Team）。
若有侵权，请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一块儿分享。