接觸過前端程式設計的碼農都知道，jQuery 風靡一時，其清新優雅的 DOM 操作、穩如磐石的相容性處理、靈活高效的封裝和鏈式呼叫，讓人如沐春風。

但這並不是“顛覆”，事實卻是“這只是開始”，前端的大航海時代，有舊工具淘汰，更有新力量崛起！那麼，2~3 年的前端工程師們如何進階？

相信十年前，做前端開發的程式設計師會被很多人誤解為是做切圖、或做簡單的靜態網頁的，由此也能判斷出，前端領域入門簡單，越來越多的開發者加入了該行列。

隨著時代的迅速發展，前端已從「靜態網頁」的時代發展為「動態炫酷」的效果，逐漸成為網際網路開發的關鍵部分，招聘方需求逐年增多，應聘者待遇水漲船高，但前端開發人才良莠不齊，高階、資深開發者更是鳳毛麟角，因此，磨練技能、積累專案經驗將是所有前端工程師的核心訴求。

前端學習，尤其是進階階段的學習是一個曲折的過程，每個學習者所接觸的知識內容和其背後的原理構建成了他的思維方式。如果沒有系統針對性地學習和反覆的刻意練習，那麼結果就是以為收藏的是知識，其實收藏的是“知道”。以為掌握了知識，其實只是囤積了一堆“知道”。

如何快速夯實前端基礎並找到心儀的工作？只會寫網頁特效，封裝一個元件或外掛，怎麼好意思去面試？前端知識體系龐大，框架、庫、效能最佳化等數不勝數，該怎麼學？前端面試有什麼高頻問題，有套路可循嗎？……相信以上幾個問題是很多前端開發人員的苦惱。那麼“該學什麼？”，“到底該怎麼學？”，“學完之後又該做什麼？”，大部分人之所以“未學先慌”，原因在於不清楚自己的學習路線，這份前端開發進階指南能夠幫助到你！

從開發菜鳥到資深工程師，除了主觀能動性以外，還有一個大瓶頸——不是每個人都能有機會接觸到好專案，這裡的“好專案”是指類似“專案重構”、“類庫遷移”、“複雜應用設計”、“疑難 bug 定位”等對開發者基礎和設計能力有高要求的專案。

第一 ~ 第三部分 JavaScript、HTML、CSS 基礎強化

第四部分 前端框架第

第五部分 前端工程化

第六部分 效能最佳化

第七部分 程式設計思維和算

第八部分 網路知識

結束語 軟技巧

希望所有熱愛前端開發的同學都能在這個提升中學習到自己需要的那點，只學一點，這筆對自己的投資也值得了。

它可能會讓你解開了一個專案難題

讓你在面試時更自信一些

提漲工資時候更硬氣一點

透過這個進階，我相信這是它能夠幫助大家達到的程度。