reactjs视频教程下载零基础入门到外卖app精通实战
分类:web前端开发视频教程 文章来源:IT教程屋 编辑作者:晴天
reactjs零基础入门到外卖app实战视频教程简介
今天带来的这套reactjs视频教程主要学习reactjs的基础入门、精通实战课程,学习reactjs的基础语法等所有实际开发的知识点,然后使用reactjs的黄金组合开发一款类似大众点评外卖网站的完善的移动webapp项目,通过项目实践的方式贯穿reactjs相关知识点。
本门课程突出点是reactjs技术导向实战项目的前后端分离的课程,功能上会做到让大家都明白,一看就懂,技术栈系统框架方面会使用React、React-router、Redux等,项目构建工具会使用webpack,使用less书写css样式,前后端数据交互技术使用fetch。
reactjs框架基础
课程中在讲解reactjs时,不仅仅是只讲解其入门的基础知识,还会配合讲解工作中常见的语法知识的注意点,以及reactjs中用到的样式、事件、循环、判断等知识点全部学习和演练。
redux插件介绍
redux是一个状态管理插件,一般情况下是可以单独使用,但是工作中经常会配合reactjs来使用,redux的作用是管理众多组件产生的共享信息,换句话说就是管理公共的信息。
react-router路由
首先,前端是由很多个页面组成,因此凡是使用主流框架的前端系统都会使用路由,一个路由对应着一个页面或者对应一个资源。
reactjs零基础入门到外卖app实战第一部分大纲
01-webpack配置 |
搭建webpack环境0 – 课程说明 |
搭建webpack环境1 – 学习目的 |
搭建webpack环境2 – 安装插件 |
搭建webpack环境3-介绍webpack.config.js-part1 |
搭建webpack环境4-介绍webpack.config.js-part2 |
搭建webpack环境5-webpack命令 |
搭建webpack环境6-介绍webpack.production.config.js |
02-react基础 |
react基础01-介绍jsx-part1 |
react基础01-介绍jsx-part2-拼接到part1后面 |
react基础02-jsx语法几点注意事项-后面拼接上part2 |
react基础03-jsx事件循环和判断 |
react基础04-代码分离方案 |
react基础05-props和state |
react基础06-智能组件和木偶组件 |
react基础07-生命周期 |
03-react性能优化方案 |
react性能优化1-优化方案 |
react性能优化2-todo-list-demo |
04-react-router |
react-router01-介绍router-map配置 |
react-router02-跳转和参数 |
05-redux基础 |
redux基础01-简单demo |
redux基础02-结合react-part1 |
redux基础03-结合react-part2 |
redux基础04-结合react-场景说明 |
06-fetch基础 |
fetch基础01-get请求 |
fetch基础02-post请求 |
fetch基础03-数据模拟Mock |
reactjs零基础入门到外卖app实战阶段大纲
07-开发首页 |
首页开发01-开发步骤介绍 |
02-路由介绍 |
03-父组件介绍 |
04-获取城市 |
05-存储城市到Redux |
06-HomeHeader组件part1(后面几秒钟的废话可裁掉) |
07-HomeHeader组件part2 |
08-HomeHeader组件part3 |
09-简单轮播图 |
10-获取轮播图index |
11-轮播图完成 |
12-超值特惠-后端接口 |
13-超值特惠-获取数据 |
14-超值特惠-展示数据 |
15-猜你喜欢-后端数据 |
16-猜你喜欢-获取列表数据 |
17-猜你喜欢-显示标题 |
18-猜你喜欢-显示内容 |
19-加载更多-准备数据 |
20-加载更多-实现功能 |
21-加载更多-下拉效果 |
22-加载更多-总结 |
08-开发城市页 |
开发城市页面01-路由介绍 |
开发城市页面02-跳转链接 |
开发城市页面03-完成Header |
开发城市页面04-当前城市 |
开发城市页面05-修改城市的方法 |
开发城市页面06-修改城市完成 |
09-开发搜索页 |
开发搜索页01-路由配置 |
开发搜索页02-约束性和非约束性组件 |
开发搜索页03-抽离input-1 |
开发搜索页04-抽离input-2 |
开发搜索页05-SearchHeader组件 |
开发搜索页06-结果列表 |
10-开发详情页 |
开发详情页01-header |
开发详情页02-获取商户信息 |
开发详情页03-展示商户信息-1 |
开发详情页04-展示商户信息-2 |
开发详情页05-用户评论列表 |
11-开发登录页 |
开发登录页01-路由配置 |
开发登录页02-登录组件-1 |
开发登录页03-登录组件-2 |
12-购买和收藏 |
购买和收藏01-创建子页面 |
购买和收藏02-购买功能 |
购买和收藏03-收藏功能-准备 |
购买和收藏04-收藏功能-准备2 |
购买和收藏05-收藏功能-准备3 |
购买和收藏06-收藏功能-完成 |
13-用户中心 |
用户中心01-Header |
用户中心02-用户信息 |
用户中心03-获取订单 |
用户中心04-展示订单 |
14-评价 |
评价01-评价状态 |
评价02-显示输入框 |
评价03-获取评价内容 |
评价04-提交数据 |
15-总结 |
总结 |
reactjs外卖app实战前端界面展示
相关文章 |