為了賬號安全,請及時綁定郵箱和手機立即綁定
慕課專欄

目錄

索引目錄

Web前端開發修煉指南

限時優惠 ¥ 46.00

原價 ¥ 58.00

04月17日后恢復原價

限時優惠
立即訂閱
01 開篇詞-為什么學習本專欄
更新時間:2020-03-16 23:52:01
才能一旦讓懶惰支配,它就一無可為。

——克雷洛夫

1. 當下的前端開發

隨著 Web2.0 的到來,前端從傳統的切圖制作網頁演化成為一個重要的崗位,尤其是在如今這個體驗至上的時代,前端也變得越來越不可替代。

在大學里面,普遍不會有 Web 前端開發這門課,即便是有相關課程,也常常是伴隨著 JSP、ASP 等技術一起被提起,往往不會受到重視。
還記得大學時期,我剛開始接觸前端。那個時候學校的老師授課還在用 Dreamweaver,前端這個概念還不清晰,很多人對前端的看法就是 “DIV+CSS”。

實際上,這一看法其實是錯誤的,前端早已經不僅僅只是制作網頁了。隨著 NodeJS/Babel/Webpack 等誕生,前端也邁入了工程化的時代。

2. 前端進階之路

剛畢業的時候,我一個人來到上海,在一家大型互聯網公司做前端開發。最開始我也只是一個頁面仔,每天做著重復的工作,寫寫新頁面、維護老頁面,不管寫了多少頁面都得不到什么提升。

由于當時做的交互都比較復雜,我就開始關注如何寫好業務代碼這一層面,這一期間我讀了很多經典的書籍,例如《編寫可讀代碼的藝術》、《代碼大全》、《JavaScript 設計模式與開發實踐》、《重構 改善既有代碼的設計》等書,學到了很多語言之外的理論,打好了編程的基礎。

后來,我意識到只會使用工具是不夠的,一旦工具換了,那我們就要重新學習新的工具,而學習精力終歸是有限的。于是,我開始去讀源碼,從 jQuery、Underscore 到 Backbone、React 等等,這一過程不僅加深了我對 JavaScript 的理解,還增長了自信,我的前端進階之路由此開始。

你在前端開發的學習之中,是否經常會有下面這些困擾?

  1. 新技術變化太快,不知從何學起
  2. 不管做了多少個項目,依舊是寫不好業務代碼
  3. 想讀源碼,但無從下手
  4. 技術深度不夠,一直停留在初中級階段

如果你有這些困擾,那么你就是本專欄的受眾。我寫這個專欄的目的,就是為廣大初中級前端們提供一條學習路線,盡量避免大家在學習階段花費太多時間踩坑。
因此,這個專欄里的內容并非只是簡單地講解語法,更多的是深入其原理,比如我會帶你從零實現 Promise、asnyc/await、動態 import、Redux、Mobx 等等,這些都是別的入門課程中很少涉及到的。

3. 文章主題和章節設計

前端進階.png-236.1kB

3.1 基礎篇

基礎篇主要介紹了 JavaScript 的誕生、ECMAScript 提案、變量命名、表驅動法、類型轉換原理、函數這幾部分,內容盡量做到了實用、易懂。

3.2 面向對象篇

面向對象篇和 ES6 篇的主要目標就是介紹一些可以提高業務代碼可讀性和可維護性的方法。
面向對象篇從五大原則、三大特性開始講起,帶你探尋面向對象編程的本質,深入到 Babel 編譯之后類與繼承的實現,再擴展到從零開始用 MVC 組織前端業務代碼,對代碼進行分層等方面。

3.3 ES6 篇

ES6 篇主要是對 ECMAScript 中可以深入挖掘的,例如 Proxy、裝飾器、Promise、asnyc/await 等語法的介紹,使用了豐富的例子來講解適用場景,中間還穿插了一些裝飾器模式、代理模式等知識。
除此之外,還引出了開發中實用的面向切面編程(AOP)、依賴注入、控制反轉等概念,幫助我們寫出可維護性更高的代碼。

3.4 React 篇

React 篇從教你用 Webpack 和 Parcel 搭建環境開始,帶你學習 React 的基本用法以及原理。
為了避免講解原理時的枯燥,其中 Redux、Mobx 等做到了手把手帶你從零實現一個類似的庫,加深你對 React 狀態管理的理解。
此外,不僅會對 React 中的 key、diff、state 等做比較深入的講解,還會介紹 React16 中的新特性,例如 hooks、fiber 等,盡量做到深入原理。

參考文檔:

}
限時優惠 ¥ 46.00 ¥ 58.00

你正在閱讀課程試讀內容,訂閱后解鎖課程全部內容

千學不如一看,千看不如一練

手機
閱讀

掃一掃 手機閱讀

Web前端開發修煉指南
限時優惠 ¥ 46.00 ¥ 58.00

舉報

0/150
提交
取消
lpl竞猜