課程亮點
- 內容全面,涵蓋初中級前端進階必備知識;
- 奠定基礎,剖析 JavaScript 語言的精髓與不足;
- 結合實戰,收錄多種實用編程技巧與開發模式;
- 與時俱進,探索 JavaScript 最新特性及業務場景;
- 深入原理,講解 React 技術棧相關思想和原理。
課程簡介
Web 技術快速發展,JavaScript 早已不是一門只能用來做表單驗證的語言。NodeJS/Webpack/TypeScript/React/Vue 等新技術的出現,讓前端進入了百花齊放的時代。新技術層出不窮,也為前端的同學們帶來了很多問題:
這么多新技術,我該從何學起?
我應該怎樣夯實基礎?
如何做到有序漸進的學習?
其實一個答案就可以解決這些問題!
你要建立一套系統的前端知識體系。
首先,作為一個前端工程師,你應該牢牢的掌握 JavaScript 基礎,這是支撐你一切進階學習的根基。
但實際工作中,只有基礎還不夠。在這個時候,學習面向對象/設計模式這些經典的開發思想非常重要,它們可以幫你了解框架的設計和原理,進而實現從初中級工程師到高級工程師的蛻變。
現代化的開發框架確實解放了我們的生產力,讓我們不必再關注 DOM 操作。但千萬不要局限于“會使用”這些工具,不要滿足于“頁面仔”的身份。只有深入理解框架設計及其原理,才能讓你以不變應萬變,具備更強競爭力,沖擊更高的職業高度和理想薪資。
正是為了解決各位同學的這些問題,我們推出了《Web 前端開發修煉指南》專欄,希望可以給大家帶來實用有效的幫助。
講師 Sheen,前攜程高級前端工程師,開源社區活躍貢獻者,擅長 React、TypeScript 等技術棧,現任某外企前端技術專家。
本專欄主要面向工作 1-3 年、希望進階的初中級前端工程師。相比簡單地講解語法,本專欄更偏向于從業務場景、實現原理等方面深入講解。
通過本專欄,你可以學到 JavaScript 的精髓與不足、實用的前端編程技巧、經典的設計思想與設計模式、最新的 ECMAScript 語法、React 技術棧原理等等。讓你從 0 到 1 建立自己的前端知識體系。
專欄課程結構清晰,簡潔明了,每篇專欄采取循序漸進的設計方式:
- 引入:從一個需求點來引出該篇要介紹的相關概念;
- 使用:詳細介紹該概念的使用方式及使用場景;
- 原理:深入分析其相關原理,用通俗易懂的代碼來實現;
- 總結:不斷復盤、總結不同概念之間的關聯及優缺點。
課程模塊:
本專欄共有 4 個模塊,30 個小節,涵蓋基礎、理論、實踐、框架等四個方面。
1. 基礎篇
本章包含了前端開發中一些實用的小技巧、前端開發中會遇到的“攔路虎”,以及例如表驅動、函數式編程等編程范圍內實用的開發技巧。
2.面向對象篇
本章從傳統面向對象開發講起,涉及到面向對象、繼承、MVC、設計模式等概念,教你如何寫出漂亮的業務代碼。
3. ES6 篇
本章主要深入講解新的 ECMAScript 特性,配合豐富的例子、原理實現來幫你加深對 ECMA 新語法的理解,也會介紹一些最新的 ECMA 提案。
4. React 篇
本章主要深入淺出現在最火熱的前端框架 —— React,會帶你從零實現 Redux 和 Mobx 狀態管理庫、深入 React Hooks 等最新特性、學會 React 組件設計,徹底理解 React 核心原理。

- 想要學習前端的在校學生
- 想要加深前端基礎的初中級前端
- 為跳槽做準備的在職人員
- 想要學習框架原理的技術宅
- 本專欄為圖文形式內容服務,共計 30 小節,上線時間為 2020 年 3 月 17 日,預計 2020 年 5 月更新完成;
- 本專欄更新時間為每周 1,3,5 更新 1 篇(法定節假日順延),形式為圖文;
- 訂閱成功后,用戶即可通過慕課網 PC 端、App 端、WAP 端享有永久閱讀的權限;
- 慕課專欄為虛擬內容服務,訂閱成功后概不退款;
- 在專欄閱讀過程中,如有任何問題,請郵件聯系kf@imooc.com;
- 慕課專欄版權歸本平臺所有,任何機構、媒體、網站或個人未經本網協議授權不得轉載、鏈接、轉貼或以其他方式復制發布/發表,違者將依法追究責任。
慕移動2202736
很贊
拂衣凌云游
謝謝老師,讓明白我寫邏輯代碼的姿勢是“表驅動”。
心有猛虎_細嗅薔薇
干貨滿滿,下次一定