高效全平臺(tái)全棧開發(fā)（微課視頻版）

第1章全平臺(tái)開發(fā)導(dǎo)論

1.1請(qǐng)求/響應(yīng)模型

1.1.1請(qǐng)求

1.1.2響應(yīng)

1.1.3JSON格式

1.1.4Postman

1.1.5小結(jié)

1.2前后端分離與全平臺(tái)開發(fā)

1.2.1前端與后端

1.2.2RESTful API

1.2.3全平臺(tái)高效開發(fā)的基本思路

1.2.4小結(jié)

1.3準(zhǔn)備工作

1.3.1硬件準(zhǔn)備

1.3.2命令行工具

1.3.3瀏覽器

1.3.4編輯器

1.3.5小結(jié)

第2章前端三大核心技術(shù)

2.1HTML

2.1.1元素及元素結(jié)構(gòu)

2.1.2元素的層級(jí)化與HTML文檔

2.1.3表單相關(guān)

2.1.4小結(jié)

2.2CSS

2.2.1CSS格式與盒子模型

2.2.2選擇器

2.2.3插入樣式

2.2.4組件庫Bootstrap

2.2.5小結(jié)

2.3JavaScript基礎(chǔ)

2.3.1使用方法

2.3.2功用與流程

2.3.3獲取頁面元素信息

2.3.4變量賦值與數(shù)據(jù)類型

2.3.5條件

2.3.6循環(huán)

2.3.7函數(shù)

2.3.8輸出

2.3.9響應(yīng)事件

2.3.10小結(jié)

2.4JavaScript進(jìn)階

2.4.1ES 5

2.4.2ES 6

2.4.3ES 7和ES 8

2.4.4小結(jié)





第3章設(shè)計(jì)方法論

3.1產(chǎn)品設(shè)計(jì)

3.1.1需求分析與用例圖

3.1.2DASP設(shè)計(jì)模式

3.1.3數(shù)據(jù)化設(shè)計(jì)

3.1.4接口化設(shè)計(jì)

3.1.5結(jié)構(gòu)化設(shè)計(jì)

3.1.6小結(jié)

3.2原型設(shè)計(jì)

3.2.1原型設(shè)計(jì)工具

3.2.2產(chǎn)品原型

3.2.3頁面狀態(tài)切換

3.2.4小結(jié)

第4章Node.js

4.1概述

4.1.1安裝

4.1.2REPL

4.1.3執(zhí)行腳本

4.1.4小結(jié)

4.2使用方法

4.2.1項(xiàng)目的初始化

4.2.2模塊系統(tǒng)

4.2.3安裝第三方庫

4.2.4文件系統(tǒng)

4.2.5小結(jié)

第5章數(shù)據(jù)庫開發(fā)

5.1非關(guān)系型數(shù)據(jù)庫MongoDB

5.1.1優(yōu)勢(shì)與基本概念

5.1.2安裝

5.1.3基本操作

5.1.4MongoDB的CRUD

5.1.5數(shù)據(jù)庫可視化

5.1.6小結(jié)

5.2數(shù)據(jù)建模工具M(jìn)ongoose

5.2.1簡(jiǎn)介與安裝

5.2.2圖式

5.2.3模型

5.2.4連接

5.2.5Mongoose的CRUD

5.2.6小結(jié)

第6章后端接口開發(fā)

6.1HTTP服務(wù)器Express

6.1.1安裝與基本用法

6.1.2靜態(tài)文件的托管

6.1.3路由

6.1.4請(qǐng)求體與響應(yīng)體

6.1.5與Mongoose結(jié)合

6.1.6小結(jié)

6.2用戶相關(guān)接口的具體實(shí)現(xiàn)

6.2.1接口的模塊化

6.2.2身份認(rèn)證機(jī)制

6.2.3注冊(cè)接口

6.2.4登錄接口

6.2.5驗(yàn)證接口

6.2.6退出接口

6.2.7修改用戶信息接口

6.2.8瀏覽特定用戶信息接口

6.2.9小結(jié)

6.3帖子相關(guān)接口的具體實(shí)現(xiàn)

6.3.1新增帖子接口

6.3.2新增回復(fù)接口

6.3.3查看帖子接口

6.3.4修改帖子接口

6.3.5刪除帖子接口

6.3.6小結(jié)

第7章Web 客戶端開發(fā)入門

7.1模塊打包器——Webpack

7.1.1功用

7.1.2安裝與配置

7.1.3npm腳本

7.1.4Web客戶端的打包

7.1.5require與import

7.1.6小結(jié)

7.2前端框架——React

7.2.1特色

7.2.2安裝

7.2.3第一個(gè)React組件

7.2.4JSX語法

7.2.5組件化

7.2.6props

7.2.7state

7.2.8useEffect

7.2.9調(diào)用API

7.2.10小結(jié)

7.3UI組件庫——React Bootstrap

7.3.1React的UI組件庫

7.3.2React Bootstrap的安裝與使用

7.3.3美化組件

7.3.4小結(jié)

第8章Web 客戶端開發(fā)實(shí)戰(zhàn)

8.1表單類組件的具體實(shí)現(xiàn)

8.1.1注冊(cè)表單——RegisterForm

8.1.2登錄表單——LoginForm

8.1.3修改用戶信息表單——SettingForm

8.1.4發(fā)布帖子表單——PostForm

8.1.5修改帖子表單——ModifyForm

8.1.6回復(fù)帖子表單——ReplyForm

8.1.7小結(jié)

8.2其他組件的具體實(shí)現(xiàn)

8.2.1底欄——Footer

8.2.2標(biāo)題欄——Header

8.2.3用戶信息——UserInfo

8.2.4首頁簡(jiǎn)介——Introduction

8.2.5帖子詳情——Thread

8.2.6刪除帖子按鈕——DeleteButton

8.2.7小結(jié)

第9章Web 客戶端開發(fā)進(jìn)階

9.1組件的裝配

9.1.1柵格布局——Grid

9.1.2首頁頁面——HomePage

9.1.3帖子列表頁面——ThreadListPage

9.1.4帖子頁面——ThreadPage

9.1.5瀏覽資料頁面——ProfilePage

9.1.6修改資料頁面——SettingPage

9.1.7小結(jié)

9.2路由器——React Router

9.2.1安裝與使用

9.2.2添加鏈接

9.2.3同步頁面

9.2.4嵌套路由與URL傳參

9.2.5頁面跳轉(zhuǎn)

9.2.6小結(jié)

9.3React狀態(tài)管理

9.3.1React狀態(tài)管理的前世今生

9.3.2上下文——Context

9.3.3使用上下文——useContext

9.3.4組件的權(quán)限判定

9.3.5小結(jié)

9.4服務(wù)端渲染

9.4.1SPA——單頁面應(yīng)用

9.4.2SSR——服務(wù)端渲染

9.4.3SEO——React Helmet

9.4.4小結(jié)

第10章桌面客戶端開發(fā)

10.1Electron

10.1.1簡(jiǎn)介

10.1.2最小用例

10.1.3項(xiàng)目結(jié)構(gòu)

10.1.4菜單

10.1.5UI庫

10.1.6兩個(gè)進(jìn)程之間的通信

10.1.7小結(jié)

10.2Web端應(yīng)用的桌面端移植

10.2.1組件復(fù)用與接口調(diào)用

10.2.2菜單與主界面的聯(lián)動(dòng)

10.2.3桌面端中的頁面切換

10.2.4工具欄與底欄的實(shí)現(xiàn)

10.2.5工具欄與主界面的聯(lián)動(dòng)

10.2.6小結(jié)

第11章移動(dòng)客戶端開發(fā)

11.1React Native

11.1.1簡(jiǎn)介

11.1.2最小用例

11.1.3Props與State

11.1.4調(diào)用API

11.1.5路由

11.1.6UI庫

11.1.7小結(jié)

11.2Web端應(yīng)用的移動(dòng)端移植

11.2.1讀取畫面的實(shí)現(xiàn)

11.2.2注冊(cè)登錄的實(shí)現(xiàn)

11.2.3主界面的實(shí)現(xiàn)

11.2.4抽屜側(cè)欄的實(shí)現(xiàn)

11.2.5帖子列表的實(shí)現(xiàn)

11.2.6帖子詳情的實(shí)現(xiàn)

11.2.7用戶信息修改的實(shí)現(xiàn)

11.2.8小結(jié)

第12章 產(chǎn)品部署

12.1Web端部署

12.1.1購(gòu)買主機(jī)

12.1.2產(chǎn)品部署

12.1.3小結(jié)

12.2桌面端部署

12.2.1可執(zhí)行文件

12.2.2可安裝文件

12.2.3小結(jié)

12.3移動(dòng)端部署

12.3.1打包及發(fā)布

12.3.2小結(jié)

第13章擴(kuò)展案例

13.1Web端案例——在線中文分詞系統(tǒng)

13.1.1案例概述

13.1.2基本框架的搭建

13.1.3UI的組建

13.1.4API的實(shí)現(xiàn)

13.1.5Python腳本的調(diào)用

13.1.6小結(jié)

13.2桌面端案例——所見即所得的思維導(dǎo)圖軟件

13.2.1案例概述

13.2.2基本框架的搭建

13.2.3繪圖庫的使用

13.2.4工具欄的實(shí)現(xiàn)

13.2.5菜單欄的改進(jìn)

13.2.6小結(jié)

13.3移動(dòng)端案例——實(shí)時(shí)通信的聊天室應(yīng)用

13.3.1案例概述

13.3.2基本框架的搭建

13.3.3系統(tǒng)廣播的實(shí)現(xiàn)

13.3.4實(shí)時(shí)通信的實(shí)現(xiàn)

13.3.5小結(jié)
附錄AHTML常用標(biāo)簽

附錄BCSS常用屬性

附錄CBootstrap主要預(yù)定義樣式

參考文獻(xiàn)