小菜前端是如何練成的 - Scott 親筆信
所有認識 Scott 和未曾結識的朋友們，大家好，我是 Scott，這次我們以小菜前端成長過程作為話題引子，來對前端工程師及團隊，進行一個系統性全方位的整理和總結，與大家共同探討前端的當下與未來。
[惱人的職業思考/新人成長/技術棧規劃/框架設計/技術驅動/技術管理/團隊建設]...Scott 近年面試/線下線上技術分享，遇到太多前端同學，受限於團隊/個人原因、職業成長、技術方向，甚至家庭等原因，在理想國與現實之間，在放棄與堅守之間，搖擺不停，心酸硬扛。Scott 帶領小菜前端的 2 年來，從產品、業務、技術、團隊成長甚至影響力上都取得很大的進展，於是計劃以小菜為藍圖，來撰寫一些公益和商業化的文章，幫助大家理清前路，規劃更清晰的職業路線，大家可以加我微信 codingdream，有更多的看見與聽見。
當下前端發展越來越迅速，那麼對於我們及團隊來說，要怎樣適應這場浪潮，如何自我規劃自我實現，如何在個體和集體之間尋找最佳路徑並把工程師的價值最大化，進而帶來更大的職場收穫和技術成長，如何帶領團隊突圍。看到如此多個人和團隊依然在這些問題中迷失，怎麼快速自我突破，如何定義前端團隊的 What/Why/How 就是 Scott 這次啟動這封親筆信的原動力。
在小菜，我們把前端個人和團隊遇到的所有問題進行列舉，整理後主要有這幾個話題： 職業思考、新人成長、技術棧規劃、框架設計、技術驅動、技術管理、團隊建設。
基於小菜過往 4 年的沉澱，我們把這些話題分別進行了總結並放到了小冊裡。這些話題，由於它的擴充套件性，無論是做管理還是做執行，都比較包容，它的適宜人群是：
- 所有前端工程師
- 所有對前端領域感興趣的童鞋
- 所有對技術團隊管理與規劃有需求的童鞋
- 所有對工程師成長與價值最大化感到困惑的童鞋
另外基於現在的 18 篇（未來可能會增至 30 篇），我們希望通過以各種小菜實際案例的代入感，來幫助大家學習到：
- 掌握如何在技術驅動和業務驅動之間挖掘更多的個人與團隊成長機會
- 學習到如何更好融入團隊以及如何對團隊量身定製技術棧路線規劃
- 清晰認識到個人職業規劃的重要性以及面對擇業困境及舒適區如何破局
- 瞭解到一個弱小的前端團隊是如何一步步成長壯大的
大家可以看我們接下來對於話題的簡單陳述和彙報，再回到這裡長按識別二維碼前去瀏覽，或者直接點選小冊連結：
困惑前端的話題
職業思考
前端行業中有相當部分童鞋不是計算機專業出身，或者學歷文憑沒有優勢，又或者經過培訓班而來，甚至是其他工種半路轉過來，臨門的一腳踩下去可能進入了一個災難性的公司，進入了一個無法成長的團隊。這在職業生涯早期會是一個致命的門坎，要知道技術成長的階段可以放到 6 年 8 年的長度來看，是否會成為一個獨當一面且足夠資深的專家或者架構師，在職業早期的思考、選擇和規劃非常關鍵。一步走錯可能就很難補救，這也是生存階段、誘惑階段、證明階段、實現階段其中的生存階段，在文章中我用自己的 8 年多前端經歷，現身說法給大家演示了我在各個階段中的掙扎，焦慮，思考和最終的破局，以及我對於自己走過彎路的重新認知。
針對職業思考，我們總結了這兩篇文章：
- 《職業思考：如何看待創業公司與成長型前端團隊》
- 《職場瓶頸：2~4 年前端走出離職困境與舒適區》
新人成長
新人成長包括團隊融入是一個老生常談的話題，然而在這個上面是最多的同學栽跟頭的地方。有的缺少方法，有的是缺少方向，有的是缺乏具體的規劃和執行方式，有的僅僅是團隊沒有技術氛圍。每個人的原因不盡相同，無論哪種，有沒有可能擺脫物理外界環境，尋求到適合自己的成長路徑呢，上圖是小菜前端在 2017 年到 2018 年團隊成員的技術成長情況，紅星星越多成長越大，那麼這些同學身上都具備什麼特點呢，在文章中我們會舉一些案例來分析。
針對新人成長，我們總結了這三篇文章：
- 《新人成長：新人如何快速融入技術實力強的前端團隊》
- 《新人成長：新人在前端團隊如何快速成長為技術骨幹》
- 《學習方法：如何在工作內外獲得持續的技術成長》
技術棧規劃
前端學不動了是這兩年很多同學半調侃半吐槽的聲音，放到一個公司一個團隊裡面，針對新生事物我們應該怎麼選擇跟進呢，怎麼保持一定的節奏來讓團隊既不行業中掉隊，從而影響每個同學的技術更新速度，又不讓公司因為技術棧變化太劇烈而無法償還技術債務甚至影響業務發展呢。上圖是小菜過去 4 年的主要技術棧演進過程，也有很驚險的時候，但整體還是比較平穩有序，這就是需要有一些具體的方法論來指導團隊，這些套路我們也會在文章中有更詳細的 case 來進行分析探討。
針對技術棧規劃，我們總結了這四篇文章：
- 《技術棧：如何讓團隊規劃技術棧得到有效落地》
- 《技術棧：為什麼 Node 是前端團隊的核心技術棧》
- 《技術棧：小菜前端的技術棧是如何規劃和演進的》
- 《技術棧：2015~2019 小菜 4 年技術棧進化回顧》
框架設計
造輪子是前端團隊盛行的做法，有的團隊造了好輪子還會開源，而有的團隊內部會重複造輪子造成了一定的資源浪費，小菜一直到了四年的年末，才開始形成我們幾個端的框架，那麼如何在自己的組織內看待輪子這件事，以及如果真要面向不同的端環境設計或者來定製出滿足業務的框架呢，我們會有幾篇文章分別來深度探討我們做這件事時候的所思所想。
針對框架設計，我們總結了這四篇文章：
- 《框架設計：如何基於 Egg 設計 Node 的服務框架》
- 《框架設計：PC 端單頁多頁框架如何設計與落地》
- 《框架設計：RN 端的框架如何設計與落地》
- 《框架設計：小程式框架與元件化如何選型定製》
技術驅動
枯燥的業務和臃腫的流程是工程師職業的殺手，但偏離了業務的技術又會成為無根之花，很難繼續生長，這也是很多資深的工程師，包括團隊管理者面臨的難題，小菜曾經也有過非常痛苦的時期，我們深知當技術也業務沒有發揮最佳組合價值時候，團隊之間的碰撞和技術與業務的對抗，甚至像上圖中，前後端團隊中都會出現一些有合作成本的領域，因此我們花費了相當的心力來促成技術驅動業務這件事，並且有的富有成效，也有個別可圈可點，關於這些過程和我們的思考會在文章中詳細剖析給大家。
針對技術驅動，我們總結了這四篇文章：
- 《技術驅動：如何讓工程師的技術價值最大化》
- 《技術驅動：前後端的協同效率從哪些方面發力推進》
- 《技術驅動：業務與部門的大盤資料視覺化底層技術》
- 《技術驅動：量產資料報表的工具服務如何搭建》
技術管理
對於一個工程師，即便他是走純研發路線，最後成為純技術專家成為架構師，他也依然要面對技術管理的事情，只不過管理分為強管理和弱管理，通常純研發團隊和架構組會屬於弱管理，管理依然是一項必備技能，尤其對於帶團隊的技術 TL。小菜前端團隊在飛速壯大，如上圖規劃，這個過程中會經歷幾個關鍵的階段，前面用 4 年時間從最初的幾個人到現在的近 20 個人，管理上面有很多的思考和總結，觀察的視角主要來自於 Scott 的親身經歷，現身說法來為大家分享如果帶領一個更小的團隊，比如 10 人規模以內的團隊，可以從哪些方面著手以及需要具備哪些能力，這些能力如何訓練。
針對技術管理，我們總結了這一篇文章：
- 《技術管理：如何帶領管理少於 10 人的前端小團隊》
團隊建設
技術研發實力是團隊的血脈，而團隊文化就是團隊的性格和靈魂，一味強調研發實現忽略文化，會讓團隊雙目無神變成行屍走肉一樣無趣的團隊，反之亦不行，這兩者存在一定程度的交叉互助，也需要一定的平衡，但具體到團隊的文化建設，不像技術一樣，可以切換框架立竿見影，它是一個虛的並且很長久性的課題，需要長年累月的建設，需要每一個童鞋的深度配合，小菜在這一塊剛剛走過不到 2 年，還沒有看到非常理想的結果，但整體的趨勢在不斷的變好，特別是在團隊的影響力和研發氛圍這塊，那麼我們也會以團隊為例，結合理論來探討下團隊建設中有哪些務虛和務實的事情可以嘗試。
針對團隊建設，我們總結了這兩篇文章：
- 《團隊建設：創業公司技術團隊的文化與氛圍如何建設》
- 《團隊建設：創業公司技術團隊的影響力如何打造》
目前的話題鎖定在團隊、個人、技術，未來會根據大家的反饋往每個子話題裡面補充新的文章，或者開闢新的話題，預計將來會超過 30 篇。
為什麼以小冊來呈現
寫下這本小冊時，整個小菜前端團隊是 18 個人，我們共同的智慧產出這 18 篇文章，由Scott主筆，Yck 校對，匯聚整個團隊的智慧，來幫助大家在技術的職場裡，在前端的團隊裡，在自我探索和團隊管理上，看見更多的觀點，窺視更多的角度，並收穫更多的啟發。
同時寫小冊對於團隊還有這樣的意義：
- 把團隊蠻荒到自動化運維的從 0 到 1 成長曆程總結輸出給社群，幫助更多的小團隊少走彎路
- 以一種可被量化的方式匯聚小菜前端的困惑、沉澱與方法路徑，給團隊帶來更多創作成就感
- 從更多視角側切進入團隊管理/技術演進/個人成長的過程中，探討工程師團隊的價值最大化
- 以此小冊收入作為小菜前端 2019 團建基金，進行各種別墅轟趴海鮮聚餐+技術培訓+自駕遊
這顯然也會擴大小菜前端的影響力，一舉多得，另外我們也希望有更多可支配的團建基金，於是上線時，團隊 18 個人，我們把它定價起步在 18 元，每一個人貢獻出 1 元的力量，未來每新入職 1 人，至少會增加 1 篇，也會再漲價 1 元(所以越早入手越划算)。
主要作者介紹
作者是整個宋小菜前端團隊 18 名成員，Scott 與 Yck 代表大家上臺出鏡，介紹如下：
Scott
- 宋小菜前端負責人，8 年開發經驗，目前負責團隊搭建/技術架構/工具鏈/專案孵化/影響力等
- 慕課網精英講師，視訊課程覆蓋 50 萬+ 前端新人
- 曾連續創業 3 年，作為 Moveha/CampusRoom 聯合創始人/ CTO 搭建技術團隊與產品研發
- 曾就職阿里媽媽 4 年，主要負責廣告創意模版製作、投放、動畫研發與效能優化
Yck
- 人稱愷哥，玩過原生開發，現在深耕前端領域
- 宋小菜高階前端開發，掘金早期專欄作者，目前創作專欄文章 27 篇，獲得點贊 23 K+，粉絲 16 K+，文章總閱讀量已過 35 萬
熱愛開源事業，在 GitHub 上有 15k stars， 有以下分享經歷：
- 掘金專欄作者
- Github 開源地址
- 微信公眾號 「前端真好玩」主筆
寫到最後
這本技術小冊會長期維護，不斷更新，儘管是集成了全團隊的智慧，距離行業優秀的前端團隊仍然有一段路要走，我想中小型公司的前端團隊我們彼此的感受會更加強烈，因為創業公司往往缺人缺錢缺資源，而前端在團隊存在感也偏弱，要走的路還有越長，經驗值的積攢需要更乾貨更接地氣。
這次也希望藉此機會向大家多多討教自己及所在團隊走過的彎路和沉澱，歡迎大家加 Scott 微信： codingdream，以及在文章後大膽留言，我們會認真整理大家面臨的評論，依靠我們的經驗來輸出更多有建設性的章法給到大家，如果大家覺得小菜前端的總結還有點用，也希望大家可以幫忙轉發擴散，程式設計路漫漫，前端途遠遠，我們共同加油一起進步！
長按識別二維碼進入小冊主頁，或者直接點選小冊預售折扣連結: