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

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

豐富的實踐資源——提供大量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. 高等數學（上冊） [主編 李愛芹 胡雷 尹金生]
11. 庭院風骨—樹、灌、籬 [創意房主 著]
12. Python語言程序設計教程 [郭其標 房宜汕]
13. 微積分（經管類）教程篇（下冊） [曹海軍 王海棠 周玲麗]
14. 微積分（經管類）教程篇（上冊） [曹海軍 王海棠 周玲麗]
15. 微積分（經管類）導學篇（上冊） [王海棠 曹海軍 周玲麗]
16. 網站前端技術案例教程（HTML+CSS+JavaScript）（第二版） [黃華升]
17. 線性代數 [主編 史昱 陳鳳欣]
18. 電力電子技術課程學習及實驗指導 [主編 陳榮]
19. 成長對話：青春的榜樣 [主編　施端銀　黃武剛　應巨林]
20. 人工智能應用基礎 [主編 楊纓 李佳]
21. 中華水文化（慕課版）（第二版） [畢雪燕 楊華軻 羅玲誼 等編著]
22. 電路與電子技術Ⅱ——電路分析基礎 [主編 陳曉 金哲]
23. 飛機維修專業英語——飛機系統（第二版） [趙迎春]
24. 英語大爆炸：跟趣味情景劇學口語（微課版） [秦然　編著]
25. 機械工程制圖任務跟蹤訓練 [主編 王瑞清 趙金考 周彥云 ]
26. 機械工程制圖 [主編 覃國萍 劉百順 禹晨]
27. 平面設計與制作項目化教程 [主編　李晨]
28. 后期影像剪輯技術 [主編　郭建偉]
29. 人工智能概論（第二版） [主編　任云暉　丁紅　徐迎春 ]
30. 信息時代美育之道 [主編　劉宏宇　黎婭]