你将学到的
  • webpack 基础配置
  • MongoDB 的基础知识及项目运用
  • webpack-hot-middleware 的配置和使用
  • React-Router 的基本配置
  • express 的使用
  • webpack-dev-server 的配置及使用
  • React 的基本使用
  • 网易云音乐项目实战
课程内容
  共13个章节
lab-classic 实验 1 环境搭建(一)

知识点: 1.webpack基础配置 2.express的使用 3.mongoDB的基础知识及项目运用

lab-classic 实验 2 环境搭建(二)

知识点: 1.webpackdevserver的配置及使用 2.webpackhotmiddleware的配置和使用

知识点: 1.React的简介基本使用 2.ReactRouter的基本配置

lab-classic 实验 4 页面基础实现

知识点: 1.header组件实现 2.首页tab组件实现 3.reactrouter路由设置 4.antdmobile的使用 5.axios的使用

lab-classic 实验 5 个性推荐页面

知识点: 1.mongoose操作数据库 2.node创建数据接口 3.ReactRedux的使用 4.antdmobile轮播组件使用

lab-classic 实验 6 歌单页面实现

知识点: 1.歌单的数据结构分析 2.创建歌单数据接口 3.歌单页面实现

lab-classic 实验 7 排行榜页面

知识点: 1.排行榜的数据结构分析 2.创建排行榜数据接口 3.排行榜页面实现

lab-classic 实验 8 个人音乐页面

知识点: 1.ReactRedux的基础使用 2.React的基础使用 3.ReactRouter的基本使用

lab-classic 实验 9 登录注册页面

知识点: 1.Redux的简介与应用 2.React实现 3.MongoDB数据展示

知识点: 1.需求分析 2.模糊查询 3.localStorage的运用

lab-classic 实验 11 播放详情页面

知识点: 1.antdmobile的组件使用 2.React的基础使用 3.ReactRouter的使用 4.ReactRedux的基础使用

lab-classic 实验 12 播放音乐功能

知识点: 1.Audio标签的使用 2.实现播放音乐功能

课程介绍

React+Express+MongoDB 实现网易云音乐

注意:非会员用户不能保存实验环境,每次停止实验前需要将代码提交到Github进行保存,避免数据丢失

课程介绍

本训练营目标是使用 React 实现一个 网易云音乐,涉及一个 React 的完整项目设计到实现,包含 前端界面模块Node模块MongoDB模块,前端界面模块包含React组件开发React-Router路由配置Redux状态管理。通过一个涉及前端+后端的完整项目经历深入了解项目流程,同时锻炼对React全家桶的熟练度。

实验任务

  • webpack 基础配置
  • MongoDB 连接数据库
  • webpack-dev-server 的配置及使用
  • webpack-hot-middleware 的配置和使用
  • React 基本使用实践
  • 网易云音乐项目实战

效果展示

个人音乐页面

此处输入图片的描述

播放详情页面

此处输入图片的描述

课程信息

  • 学习周期:课程有效期2个月, 2个月后实验文档一直可以看,但无法进行在线实验。高级会员有效期内可一直学习,高级会员到期后课程失效(不能看文档)。
  • 课程价格:当前优惠价79元
  • 企业团报:可获得更多支持服务,请点击购买咨询

适合人群

  • 有一定 Web 开发基础,对 React 和 Web 开发感兴趣的同学。

常见问题

课程可以开具发票吗?

课程可以开具普通发票,请联系客服告知发票抬头等信息。联系客服

每个实验需要多久时间完成?

每个实验规模有很大差异,需要1-3小时的动手操作时间。

实验中遇到问题怎么办?

问题欢迎随时在实验楼讨论区中提出, 也许其他学过的同学知道答案哦!

其他问题 >

课程教师

2016_01_06 共发布过 1 门课程

查看老师的所有课程 >
实验楼楼+
实验楼会员