編者按：很多人都想學程式設計。但是苦於沒有具體的步驟和指導。比如想找份前端開發的工作，卻不知道應該先學習什麼再學習什麼，也不知道該選擇什麼樣的工具。因為經常被人問到類似的問題，全棧開發者Kamran Ahmed索性在github上制訂了一份現代前端開發的路線圖，並且用一篇文章對前端開發的整個學習過程進行了詳細解釋。感興趣的初學者不容錯過。

進入正題之前先交代一下我和這張路線圖的背景。過去5年我一直在進行全棧開發，目前是tajawal的首席工程師（我得有很多頭銜）。關注趨勢並且讓其他開發者訓練得當不僅是我的愛好也是我的工作職責。在如何跟上形勢方面我發現有很多新手（也包括一些有經驗的）都感到很困惑。2017年的時候我有很多朋友都發郵件給我尋求指導，他們想知道做這一行的話應該學些什麼。所以為了避免自己老是要碰到這樣的麻煩同時也是為了幫助別人，我決定一勞永逸準備這些圖表，這樣只要有人問我時就把這些圖表的連結發給他們。所以這些圖表就是這麼誕生的。

一開始他們只是想要一些工具的推薦，但是昨天我決定給他們一份更加結構化一點的東西，增加了細節並且設計成步驟的形式以便你可以更好地理解該選擇什麼，按照什麼樣的次序。