MERN全棧開發 使用Mongo Express React和Node ( 簡體 字) |
| 作者：[美]Vasan Subramanian 著 杜偉 柴曉偉 涂曙光 譯 | 類別：1. -> 程式設計 -> 綜合 |
| 譯者： |
| 出版社：清華大學出版社 |  3dWoo書號： 48767
詢問書籍請說出此書號！【缺書】
NT售價： 300 元 |
| 出版日：1/1/2018 |
| 頁數：371 |
| 光碟數：0 |
|
站長推薦：   |
| 印刷：黑白印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787302491521 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：譯 者 序
當我第一次接觸Web開發領域時，當時最熱門的Web網站開發技術是使用C或Perl語言在服務器上編寫CGI(Common Gateway Interface)程序，來處理客戶端發起的HTTP請求。現在我雖然已經全然忘記了Perl語言的語法，但是仍然還依稀記得當年在使用這個強大而“變態”的語言時的感受。隨著Web的迅速發展，ASP、PHP、JSP、ASP.NET出現在我們的眼前，它們各具特色，為不同技術背景的開發人員進入Web開發領域提供了所需的武器。
當Web開發技術日漸成熟，各種最佳實踐和模式逐漸被總結和沉淀下來，“技術棧”這個術語開始出現。技術棧通常指的是開發一個完整的Web應用程序時所需的特定工具、庫、框架的組合。印象中，第一個最熱門的Web開發技術棧是LAMP(Linux、Apache、MySQL和PHP)，隨著前端在Web開發領域中所占的比例越來越大，以及Node.js的流行，MEAN技術棧(MongoDB、Express、AngularJS和Node.js)逐漸異軍突起，影響力越來越大。由于MEAN技術棧的前后端全都使用了JavaScript語言，這也使得“全棧工程師”這個稱呼開始流行起來。
《MERN全棧開發 使用Mongo Express React和Node》所講述的MERN技術棧，和MEAN只有一“字母”之差。MERN將MEAN中的AngularJS更換成這兩年明顯更受歡迎、使用更加廣泛的React，使得自己相比MEAN更接地氣，更適合有志成為“全棧工程師”的Web開發人員閱讀。
在一個開放、開源的時代，如果一本講述開發技術的書籍同時也能讓你有機會了解和熟悉GitHub，那顯然是極好的。在閱讀《MERN全棧開發 使用Mongo Express React和Node》以及完成《MERN全棧開發 使用Mongo Express React和Node》中所包含練習的過程中，你很自然地就會學習到如何尋找高質量的GitHub開源項目，并將它們應用到你的應用程序中。
祝您享受閱讀本書的全過程，并能收獲良多！
最后是譯者的幾則重要聲明：
● 《MERN全棧開發 使用Mongo Express React和Node》部分重要段落是由譯者柴曉偉的女兒Momo完成的。謝謝Momo。
● 譯者杜偉的愛貓Yuki對《MERN全棧開發 使用Mongo Express React和Node》任何章節都沒有貢獻。
● 譯者涂曙光感謝Phoebe在翻譯工作中所給予的所有支持。
譯者(杜偉/柴曉偉/涂曙光) |
內容簡介：使用React構建現代Web應用，需要組合使用一個完整的技術棧：MongoDB
(NoSQL數據庫)、Express(Web應用服務器框架)及其運行語言Node(服務器端的
JavaScript)，從而形成對React技術的完美補充。本書還涵蓋了構建完整Web應用所
用到的諸多工具：React Router、React-Bootstrap、Redux、babel以及webpack。
《MERN全棧開發 使用Mongo Express React和Node》旨在幫助讀者掌握構建
完備Web應用的技能，書中的大部分內容都會專注于React技術的使用。
流行的MEAN(MongoDB、Express、AngularJS、Node)技術棧引入了單頁面應
用(SPA)和前端的MVC(模型-視圖-控制器)模式，引領了全新、高效的開發模式。不
過它也有缺點，例如缺乏能夠良好支持SEO的服務器端渲染能力，以及作為框架而
言過于嚴格的規范性。
Facebook創立的React技術并不是AngularJS直接的競爭對手，它并不是一個完
整的MVC框架，而是一個用于創建用戶界面(某種意義上來說，就是視圖部分)的
JavaScript庫。然而，使用React替代AngularJS來創建Web應用也是完全可行的，這
也正是MERN技術棧存在的價值。
主要內容
● 詳細了解React及其編程風格，了解如何充分發揮它的能力
● 了解MongoDB、Express和Node的基本功能，這些功能足以讓你完成Web應用
的搭建
● 學習補充React功能的相關工具，包括React-Bootstrap和React Router
● 使用必要的工具搭建基于JavaScript的單頁面應用
● 將所有組件連接在一起，構建完整的Web應用 |
目錄：第1章 引言1
1.1 MERN是什么1
1.2 本書的目標讀者3
1.3 本書組織結構3
1.4 格式約定5
1.5 讀者須知7
1.6 MERN的組件8
1.6.1 React8
1.6.2 Node.js11
1.6.3 Express14
1.6.4 MongoDB15
1.6.5 工具與庫17
1.7 為何使用MERN技術棧19
1.7.1 清一色的JavaScript語言19
1.7.2 清一色的JSON數據格式20
1.7.3 Node.js的性能20
1.7.4 npm生態系統21
1.7.5 同構性21
1.7.6 它不是一個框架22
1.8 小結22
第2章 HelloWorld23
2.1 脫離服務器的HelloWorld23
2.2 服務器搭建27
2.2.1 nvm27
2.2.2 Node.js28
2.2.3 項目29
2.2.4 npm30
2.2.5 Express32
2.3 構建階段的JSX編譯34
2.3.1 分離腳本文件35
2.3.2 轉換36
2.3.3 自動化38
2.3.4 React庫39
2.4 ES201539
2.5 小結43
2.6 習題答案43
2.6.1 習題：JSX43
2.6.2 習題：npm44
2.6.3 習題：Express44
2.6.4 習題：babel45
2.6.5 習題：ES201545
第3章 React組件47
3.1 IssueTracker(問題追蹤)47
3.2 React類49
3.3 組件組裝51
3.4 傳遞數據53
3.4.1 使用屬性53
3.4.2 屬性校驗56
3.4.3 使用Children57
3.5 動態組裝59
3.6 小結64
3.7 習題答案64
3.7.1 習題：React類64
3.7.2 習題：傳遞數據64
3.7.3 習題：動態組裝65
第4章 React狀態67
4.1 設置狀態67
4.2 異步狀態初始化71
4.3 事件處理73
4.4 從子組件到父組件的通信74
4.5 無狀態組件77
4.6 設計組件79
4.6.1 狀態與props79
4.6.2 組件層次結構80
4.6.3 通信80
4.6.4 無狀態組件80
4.7 小結81
4.8 習題答案81
4.8.1 習題：設置狀態81
4.8.2 習題：從子組件到父組件的通信82
第5章 ExpressRESTAPIs83
5.1 REST83
5.1.1 基于資源84
5.1.2 使用HTTPMethods標識操作84
5.1.3 JSON87
5.2 Express87
5.2.1 路由87
5.2.2 處理程序函數89
5.2.3 中間件91
5.3 ListAPI92
5.3.1 服務器自動重啟94
5.3.2 測試95
5.4 CreateAPI97
5.5 使用ListAPI100
5.6 使用CreateAPI102
5.7 錯誤處理104
5.8 小結108
5.9 習題答案109
5.9.1 習題：ListAPI109
5.9.2 習題：CreateAPI110
5.9.3 習題：使用ListAPI111
5.9.4 習題：使用CreateAPI111
5.9.5 習題：錯誤處理111
第6章 使用MongoDB113
6.1 MongoDB基礎113
6.1.1 文檔113
6.1.2 集合114
6.1.3 查詢語言115
6.1.4 安裝116
6.1.5 mongoshell117
6.1.6 shell腳本121
6.2 架構初始化122
6.3 MongoDBNode.js驅動程序123
6.3.1 回調126
6.3.2 Promises127
6.3.3 Generator和co模塊128
6.3.4 async模塊129
6.4 從MongoDB讀取數據131
6.5 向MongoDB寫入數據134
6.6 小結136
6.7 習題答案136
6.7.1 習題：mongoshell136
6.7.2 習題：架構初始化137
6.7.3 習題：從MongoDB讀取數據137
6.7.4 習題：向MongoDB寫入數據138
第7章 模塊化與webpack139
7.1 服務器端模塊139
7.2 webpack簡介142
7.3 手工使用webpack143
7.4 轉換和打包146
7.5 庫捆綁包151
7.6 模塊熱替換155
7.7 使用中間件實現HMR158
7.8 調試161
7.9 服務器端ES2015163
7.10 ESLint168
7.11 小結176
7.12 習題答案177
7.12.1 習題：轉換和打包177
7.12.2 習題：模塊熱替換178
7.12.3 習題：服務器端ES2015178
7.12.4 習題：ESLint179
第8章 使用ReactRouter進行路由181
8.1 路由技術182
8.2 簡單的路由183
8.3 路由參數185
8.4 路由查詢字符串188
8.5 使用程序進行導航193
8.6 嵌套的路由196
8.7 瀏覽器歷史200
8.8 小結202
8.9 習題答案202
8.9.1 習題：路由參數202
8.9.2 習題：路由查詢字符串203
8.9.3 習題：使用程序進行導航204
第9章 表單205
9.1 ListAPI中的更多過濾功能205
9.2 過濾表單207
9.3 GetAPI214
9.4 Edit頁面216
9.5 UI組件220
9.5.1 數字輸入框221
9.5.2 Date輸入框226
9.6 UpdateAPI232
9.7 使用UpdateAPI236
9.8 DeleteAPI238
9.9 使用DeleteAPI239
9.10 小結242
9.11 習題答案242
9.11.1 習題：在ListAPI中添加更多過濾條件242
9.11.2 習題：過濾表單242
9.11.3 習題：Edit頁面243
9.11.4 習題：Date輸入框243
9.11.5 習題：UpdateAPI244
第10章 React-Bootstrap245
10.1 安裝Bootstrap246
10.2 導航249
10.3 表格和面板256
10.4 表單258
10.4.1 基于柵格的表單259
10.4.2 內聯表單263
10.4.3 橫向表單265
10.5 提示270
10.5.1 驗證消息270
10.5.2 結果消息272
10.6 模態對話框279
10.7 小結284
10.8 習題答案285
10.8.1 習題：導航285
10.8.2 習題：基于柵格的表單285
10.8.3 習題：內聯表單286
10.8.4 習題：模態對話框286
第11章 服務器端渲染287
11.1 基本的服務器端渲染288
11.2 處理state293
11.3 初始state296
11.4 服務器端bundle298
11.5 后端HMR301
11.6 配合路由功能的服務器端渲染306
11.7 封裝Fetch操作314
11.8 小結319
11.9 習題答案320
11.9.1 習題：后端HMR320
11.9.2 習題：配合路由功能的服務器端渲染320
第12章 高級特性321
12.1 MongoDB聚合321
12.2 分頁331
12.3 高階組件(HigherOrderComponents)336
12.4 搜索欄345
12.5 Google賬號登錄351
12.6 會話處理359
12.7 小結367
第13章 展望369
13.1 Mongoose370
13.2 Flux371
13.3 部署373
13.4 mern.io375
13.5 同學們，下課377 |
| 序： |
