課程亮點

• 內容全面，涵蓋初中級前端進階必備知識；
• 奠定基礎，剖析 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 核心原理。