
React+Express+MongoDB 仿網(wǎng)易云音樂培訓(xùn)
1 Webpack 基礎(chǔ)配置
2 MongoDB 的基礎(chǔ)知識(shí)及項(xiàng)目運(yùn)用
3 Webpack-hot-middleware 的配置和使用
4 React-Router 的基本配置
5 Express 的使用
6 Webpack-dev-server 的配置及使用
7 React 的基本使用
8 網(wǎng)易云音樂項(xiàng)目實(shí)戰(zhàn)
1
環(huán)境搭建(一)
1.webpack基礎(chǔ)配置
2.express的使用
3.mongoDB的基礎(chǔ)知識(shí)及項(xiàng)目運(yùn)用
2
環(huán)境搭建(二)
1.webpackdevserver的配置及使用
2.webpackhotmiddleware的配置和使用
3
React 簡介
1.React的簡介基本使用
2.ReactRouter的基本配置
4
頁面基礎(chǔ)實(shí)現(xiàn)
1.header組件實(shí)現(xiàn)
2.首頁tab組件實(shí)現(xiàn)
3.reactrouter路由設(shè)置
4.antdmobile的使用
5.axios的使用
5
個(gè)性推薦頁面
1.mongoose操作數(shù)據(jù)庫
2.node創(chuàng)建數(shù)據(jù)接口
3.ReactRedux的使用
4.antdmobile輪播組件使用
6
歌單頁面實(shí)現(xiàn)
1.歌單的數(shù)據(jù)結(jié)構(gòu)分析
2.創(chuàng)建歌單數(shù)據(jù)接口
3.歌單頁面實(shí)現(xiàn)
7
排行榜頁面
1.排行榜的數(shù)據(jù)結(jié)構(gòu)分析
2.創(chuàng)建排行榜數(shù)據(jù)接口
3.排行榜頁面實(shí)現(xiàn)
8
個(gè)人音樂頁面
1.ReactRedux的基礎(chǔ)使用
2.React的基礎(chǔ)使用
3.ReactRouter的基本使用
9
登錄注冊頁面
1.Redux的簡介與應(yīng)用
2.React實(shí)現(xiàn)
3.MongoDB數(shù)據(jù)展示
10
搜索頁面
1.需求分析
2.模糊查詢
3.localStorage的運(yùn)用
11
播放詳情頁面
1.antdmobile的組件使用
2.React的基礎(chǔ)使用
3.ReactRouter的使用
4.ReactRedux的基礎(chǔ)使用
12
播放音樂功能
1.Audio標(biāo)簽的使用
2.實(shí)現(xiàn)播放音樂功能
