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源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。