任你选择
课程介绍
本课程带领学员从0开始学习如何使用React开发前端项目。
课程目标
通过本课程的学习，让学员可直接开始从事基于React的前端项目开发，并将最佳实践引入项目中。
课程内容
React各种功能的详细讲解，组件化开发模式。
课程基础
要求学员掌握HTML、JavaScript和CSS的基础。
课程对象
本方案适用于准备从事前端开发的开发人员，以及技术支持和运维人员。
课程软件
l 操作系统：Windows 8/10
l 用户权限：使用本地Administrators组权限
l 开发工具 : UltraEdit和Visual Studio Code
l 浏览器：Chrome、Firefox、IE
课程大纲
时间 | 课程内容 |
1天 | 内容一：脚手架项目 1. 使用create-react-app创建项目 2. 剖析项目结构 3. Hello World组件 内容二：使用React Router开发单页应用 1. React路由介绍 2. React Router 的安装 3. Router配置 4. 使用Link组件进行导航切换 5. 路由的嵌套使用 6. 设置路由激活状态 7. 路由参数 8. 默认路由 9. 路由重定向 10. browser history 11. 路由切换 内容三：与服务端通信—axios 1. 安装 2. 基本用法 3. axios API 4. 请求配置 5. 并发请求 6. 配置默认值 7. 拦截器 内容四：状态管理—Redux 1. 基本概念与三大原则 2. action、reducer和store 3. 在React中使用Redux 4. 中间件与异步操作 内容五：项目实战 — 电商网站前端项目 1. 脚手架项目搭建 2. 安装与配置axios 3. 首页 4. 商品列表 5. 分类商品页面 6. 搜索结果页面 7. 商品详情页面 8. 购物车 9. 结算页面 10. 用户管理 11. 路由配置 12. 分页组件 13. 会话跟踪 14. 项目调试 备注：项目中涉及到多个常用功能的实现，Loading组件、广告轮播组件、弹出消息提示框组件、加减按钮组件、标签页组件、分页组件、权限验证等等。 |
