領先的實用技能——打造前端開發工程師 科學的訓練模式——授人以漁而不只是作品臨摹

真實的項目驅動——行業知識與專業設計相呼應 便捷的學習體驗——傳統教材與二維碼革命性攜手

豐富的實踐資源——提供大量GitHub 資源 資深的教學團隊——前沿的實際開發經驗和技巧總結

隨著互聯網技術的飛速發展，“互聯網+”時代已經悄然到來，這自然催生了互聯網行業工種的細分，前端開發工程師這個職業應運而生，各行業、企業對前端設計開發人才的需求也日益增長。與傳統網頁開發設計人員相比，新“互聯網+”時代對前端開發工程師提出了更高的要求，傳統網頁開發設計人員已無法勝任。在這樣的大環境下，這套“前端開發工程師系列”教材應運而生，旨在幫助讀者快速成長為符合“互聯網+”時代企業需求的優秀的前端開發工程師。

“前端開發工程師系列”教材是由課工場（www.kgc.cn）的教研團隊研發的。課工場是北京大學下屬企業北京課工場教育科技有限公司推出的互聯網教育平臺，專注于互聯網企業各崗位人才的培養。平臺匯聚了數百位來自知名培訓機構、高校的頂級名師和互聯網企業的行業專家，面向大學生以及需要“充電”的在職人員，針對與互聯網相關的產品設計、開發、運維、推廣和運營等崗位，提供在線的直播和錄播課程，并通過遍及全國的幾十家線下服務中心提供現場面授以及多種形式的教學服務，并同步研發出版最新的課程教材。本書由肖睿、王曙光任主編，南洋、桑宇鵬、宋磊任副主編，其中王曙光編寫第1章至第3章，南洋編寫第4章至第7章，桑宇鵬編寫第8章，宋磊編寫第9章。

為培養互聯網前端設計開發人才，課工場特別推出“前端開發工程師系列”教育產品，提供各種學習資源和支持，包括：

 現場面授課程

 在線直播課程

 錄播視頻課程

 案例素材下載

 學習交流社區

 QQ討論組（技術、就業、生活）

以上所有資源請訪問課工場（www.kgc.cn）。

本套教材特點

（1）科學的訓練模式。

 科學的課程體系。

 創新的教學模式。

 技能人脈，實現多方位就業。

 隨需而變，支持終身學習。

（2）真實的項目驅動。

 覆蓋80%的網站效果制作。

 幾十個實訓項目，涵蓋電商、金融、教育、旅游、游戲等行業。

（3）便捷的學習體驗。

 每章提供二維碼掃描，可以直接觀看相關視頻講解和案例操作。

 課工場開辟教材配套版塊，提供素材下載、學習社區等豐富的在線學習資源。

讀者對象

（1）初學者：本套教材將幫助你快速進入互聯網前端開發行業，從零開始逐步成長為專業的前端開發工程師。

（2）初級前端開發者：本套教材將帶你進行全面、系統的互聯網前端設計開發學習，幫助你梳理全面、科學的技能理論，提供實用的開發技巧和項目經驗。

課工場出品（www.kgc.cn）

第1章 前端的發展之路 1
1 前端的各個時代 2
1.1 IE6時代 2
1.2 Web 2.0時代 2
1.3 Node.js時代 3
1.3.1 服務 3
1.3.2 構建 3
1.4 跨端時代 4
2 MV*框架的發展 4
2.1 Angular 4
2.2 Vue.js 4
2.3 React 5
2.4 Polymer 5
2.5 Riot 5
2.6 Backbone.js 6
3 React包含哪些 6
3.1 虛擬DOM 6
3.2 JSX 7
3.3 render函數 7
3.4 組件 8
4 準備學習React 8
4.1 組件生命周期 8
4.2 ES6 9
4.3 NPM 9
4.4 Babel 10
4.5 Gulp 10
本章總結 11
本章作業 11
第2章 Node.js環境搭建 13
1 Node.js介紹 14
1.1 Node.js安裝 14
1.2 模塊化 16
1.2.1 CommonJS規范 16
1.2.2 require方法 16
1.2.3 綜合案例分析 17
1.3 核心模塊 17
1.3.1 http 18
1.3.2 fs 18
1.3.3 path 19
1.3.4 querystring 19
1.3.5 crypto 19
1.3.6 util 20
1.4 第三方模塊 20
1.4.1 request 21
1.4.2 async 21
1.4.3 commander 21
1.4.4 html-minifier 22
1.4.5 less 22
1.4.6 lru-cache 23
1.4.7 qs 24
1.4.8 rimraf 24
1.4.9 shelljs 24
1.4.10 yargs 24
2 Node.js調試 25
2.1 GUI方式—Node Inspector 25
2.2 內置調試—Node debug 26
3 Node.js命令行工具 26
3.1 可執行文件 26
3.2 命令行支持參數 27
4 NPM 27
4.1 安裝第三方工具包 28
4.2 package.json文件 29
4.3 常用命令 30
4.4 發布工具包 31
4.5 取消發布過的工具包 32
本章總結 32
本章作業 33
第3章 Gulp 35
1 Gulp是什么 36
1.1 Gulp安裝 36
1.2 gulpfile文件 37
1.3 Gulp命令行 38
1.3.1 gulp -T 38
1.3.2 gulp -h 38
2 Gulp常用API 38
2.1 gulp.src 39
2.2 gulp.dest 39
2.3 gulp.task 40
2.4 gulp.watch 41
3 Gulp插件 42
3.1 編譯less文件 42
3.2 編譯stylus文件 43
3.3 編譯sass文件 44
3.4 壓縮css文件 44
3.5 在css里面自動添加瀏覽器前綴 45
3.6 壓縮js文件 46
3.7 合并多個文件 47
3.8 壓縮html文件 47
3.9 給文件名增加md5 48
3.10 如何啟動本地服務 49
3.11 支持pug模板編譯 50
3.12 支持zip壓縮 51
4 Gulp優化 51
4.1 優化一：清理文件和文件夾 51
4.2 優化二：把配置抽離到文件中去 52
4.3 優化三：拆分Gulp任務 53
本章總結 54
本章作業 54
第4章 初識React 55
1 MV*模式 56
1.1 MVC 56
1.2 MVP 56
1.3 MVVM 57
2 React簡介 57
2.1 什么是React 58
2.2 如何安裝 58
2.3 特性 58
2.3.1 JSX 60
2.3.2 數據傳遞 61
3 React組件化 68
3.1 組件生命周期 68
3.2 編寫一個完整的Button組件 69
本章總結 71
本章作業 71
第5章 Flux 73
1 安裝 74
2 基礎知識 74
本章總結 81
本章作業 81
第6章 React + Redux實戰 83
1 為什么使用Redux 84
1.1 撤銷與重做 85
1.2 Redux DevTools調試工具 86
2 Redux 87
2.1 Redux設計思想 87
2.2 Redux核心概念與API 88
2.3 Redux工作流程 92
2.4 react-redux的用法 92
3 實例：TodoList 96
4 單元測試 102
4.1 Action創建函數（Action Creators） 103
4.2 Reducers 103
4.3 Components 105
4.4 連接組件 106
本章總結 107
本章作業 107
第7章 React Router 109
1 React Router概述 110
1.1 路由的基本原理 110
1.2 React Router基本用法 114
2 React Router組件介紹 117
2.1 Router組件 117
2.2 Route組件 119
2.3 Link組件 121
2.4 其他組件 122
2.4.1 Switch組件 122
2.4.2 Redirect組件 123
2.4.3 Prompt組件 123
3 案例：React Router的運用 124
3.1 Sidebar 124
3.2 Modal Gallery 126
本章總結 130
本章作業 130
第8章 服務器端渲染 131
1 為什么用服務器端渲染 132
1.1 利于SEO 132
1.2 減少首次渲染時間 134
1.3 前后端代碼同構 136
2 服務器端渲染示例 136
3 state的處理 140
4 Router的處理 144
本章總結 148
本章作業 148
第9章 React Native開發 151
1 React Native開發入門 152
1.1 搭建iOS App的RN開發環境 152
1.2 搭建Android App的RN開發環境 154
1.3 Hello World 158
2 布局 158
2.1 React Native布局和標準Flexbox
的區別 159
2.2 Flexbox三個重要布局屬性的用法 159
2.3 Flexbox布局案例 161
3 JSX在React Native中的應用 165
4 React Native UI組件 166
4.1 運行UI組件示例 167
4.2 理解基礎組件View 169
本章總結 173
本章作業 173

1. 輸水管線工程風險管理 [張勇 黨亥生 著]
2. 民用航空飛機標準線路施工 [主編　王志敏　陳明]
3. 不息的水脈—大運河講談錄 [趙珩　著]
4. 實用運籌學 [主編　邢育紅　于晉臣]
5. 三峽梯級電站水資源決策支持系統研究與開發 [姚華明 潘紅忠 湯正]
6. 海南黎族民俗文化鑒賞 [龐國華　著]
7. 石墨烯在太赫茲及中紅外頻段電磁器件設計中的應用 [李艷秀 莊華偉 著]
8. 電子技術（第二版） [主編 覃愛娜 李飛]
9. 辦公自動化高級應用 [陳萍 朱曉玉]
10. 信息處理技術員考試32小時通關 [薛大龍]
11. 電子產品設計案例教程（微課版）—基于嘉立創EDA（專業版） [王靜 莫志宏 陳學昌 丁紅]
12. C程序設計實踐教程 [劉衛國]
13. C程序設計（慕課版） [劉衛國]
14. Web技術開發教程（基于.NET開源MVC框架） [王合闖 韓紅玲 王青正 陳海蕊]
15. 商務英語翻譯教程（筆譯）（第四版） [主編 王軍平]
16. 智慧零售技術與應用 [洪旭 著]
17. 建設工程法規實務 [主編 余瀅]
18. 商務秘書理論與實務（第三版） [主編 張同欽]
19. 程序設計基礎實踐教程（C/C++語言版） [張桂芬 葛麗娜]
20. C++案例項目精講 [主編 楊國興]
21. 勞動爭議處理實務 [主編 王秀卿 羅靜]
22. 工程數學 [主編 郭立娟 王海]
23. 語音識別理論與實踐 [主編　莫宏偉]
24. 信息系統項目管理師章節習題與考點特訓（第二版） [主編 薛大龍]
25. 武術基礎教程 [主編 李代勇 謝志民]
26. 計算機網絡實訓教程 [主編 張浩軍 趙玉娟]
27. 畫法幾何與機械制圖習題集（多學時） [主編 趙軍]
28. HCIA-Datacom認證題庫分類精講 [主 編 韓立剛]
29. SwiftUI完全開發 [李智威 著]
30. 網絡規劃設計師備考一本通 [夏杰 編著]