📚 课程介绍
本课程将带你从零开始,使用React全栈技术,实现一个具有服务器渲染功能的社区Webapp。通过学习,你将掌握React、Redux、MobX等前端框架的使用,以及服务器渲染的原理和实践。
📋 学习前提
1. HTML/CSS基础(网页结构和样式语言) 2. JavaScript基础(网页交互编程语言) 3. React基础(用于构建用户界面的JavaScript库) 4. Node.js基础(用于服务器端编程的JavaScript运行环境)
📖 课程目录
第1章 课程介绍
1-1 课程导学
1-2 前端技术选型(1)
1-3 前端技术选型(2)
第2章 工程架构
2-1 Webapp架构简介
2-2 Web开发常用网络化
2-3 Webpack基础配置
2-4 Webpack loader基础应用
2-5 服务端渲染基础配置
2-6 Webpack-dev-server配置
2-7 hot-module-replacement
2-8 开发时的服务端渲染
2-9 eslint-and-editorconfig
2-10 工程架构优化
第3章 项目架构
3-1 目录结构
3-2 路由配置
3-3 store配置(1)
3-4 store配置(2)
3-5 Cnode API代理实现
3-6 调试接口代理
3-7 服务端渲染优化
3-8 服务端问题解决mobx的warning以及增加title等SEO友好标签
3-9 将服务端渲染用于生产环境
第4章 业务开发
4-1 React16介绍
4-2 Material-ui安装使用
4-3 页面主框架实现
4-4 主页样式实现
4-5 列表页面数据获取实现
4-6 列表页面tab切换实现
4-7 话题详情页
4-8 登录实现
4-9 用户信息页面
4-10 话题回复功能实现(1)
4-11 话题回复功能实现 (2)
4-12 话题创建
4-13 优化
4-14 服务器渲染优化
第5章 项目编译打包上线
5-1 正式环境打包优化
5-2 部署到CDN
5-3 修复第三方组件带来的问题
5-4 服务器部署流程
5-5 PM2一键部署
第6章 课程总结
6-1 课程总结
6-2 进阶学习前端,哪些内容更重要
6-3我的下一门课
