AI 训练系统:react+redux 实战视频教程

如今前端行业,众人沸腾追捧的热点,当属各类工程化开发的框架实践。

这种现象也体现在当下众多招聘公司的面试要求中,使得前端开发者们不得不重视。因此,在今天之前,我们已经分别出了两套框架的视频教程:

详见:http://2017.miaov.com


React 和 Redux 都可以作为一个独立的库使用, 但是如何让它俩结合起来?许多人都很好奇,也非常渴望看到这类的教程,因此,本套课程正此目的而来。


项目起源

在 react 框架被众人追捧的大环境下,有一家提供物联网解决方案的科技公司,他们正在做一些人工智能相关的产品。这个产品诞生出一个需求:在他们产品的摄像头拍摄到画面时,他们需要让自己的机器人识别出画面中的物体。

而机器人能够识别图像之前,你需要训练它,你需要给机器人足够多的图像采集样本。采集样本的方式,就需要一套定制的坐标点标注系统,所以他们找到我们,希望我们能给他们开发一套定制的标注系统。

在这样一套系统中,前端要做的工作,就是在图像上做好标注,在任意图像中产生对应一系列点坐标的数据,这些点的数据就是数据样本。当前端把这些数据发送到后端服务器之后,后端服务器会利用这些数据去优化他们的识别算法,从而不断提高机器人识别图片物体的能力。产生数据样本就是我们前端要做的工作。

给图像做标注涉及到非常多的状态管理和状态变化,而且还要管理好标注后产生的数据。 那利用到 redux 来做状态管理是再好不过了。所以在技术选型的时候我们使用了 react + redux。

于是当我们开发完这套系统后,基于这套项目的前端实现,录制完成本套视频,用来讲解 react + redux 如何结合起来使用。期待这套来自于实战项目的视频教程,应用在理论实战教学中,会给大家带来帮助。

本套视频教程的核心,讲的是标注系统前端部分最核心的内容,也就是跟标注相关的一系列数据交互、图形绘制、状态管理等内容。


技术栈

在这套教程中,我们会使用 react-redux 这个库在 react 和 redux 之间建立连接。

react-router 和 react-router-redux,我们预留了路由的代码,虽然是一个单视图应用,并不涉及到路由切换,但我们出于教学目的,也会配置好路由的基础代码,给大家一个让路由结合进来的思路。

我们还会讲解目录规范,这个项目案例是单视图应用,所以这是一个适用于单视图的目录规范。如果是多视图的应用,那么你也可以在这套目录规范的基础上进行改造即可。一套好的代码划分规范是项目开发的起点。

除此之外,我们还会讲解关于一个叫 ducks 的代码规范,它是专门针对 redux 的,使用这套规范来写 redux 代码会让我们更好的管理 redux 的代码。

当然,在调试方面,我们会借助 redux DevTools 这个插件监视状态的变化。方便我们做调试。

既然是实战案例,讲的最多的就是代码应用上的技巧和思路。接下来,我们就一起进入到课程里面,进入到我们的学习当中去~


视频目录

1、课程介绍 >>免费试看
2、项目介绍与学前基础 >>免费试看
3、项目环境配置介绍 >>免费试看
4、测试一下项目环境配置 >>VIP 用户免费试看
5、项目基础代码 >>VIP 用户免费试看
6、从新组织项目基础代码 >>VIP 用户免费试看
7、准备静态结构 >>VIP 用户免费试看
8、Konva 导学 1 >>VIP 用户免费试看
9、Konva 导学 2 >>VIP 用户免费试看
10、Konva 导学 3 >>VIP 用户免费试看
11、加载图片的 redux 代码 >>VIP 用户免费试看
12、加载图片的实现
13、点击缩略图切换图片
14、点击左右按钮切换图片
15、Redux DevTools
16、初步绘制一张图片
17、确定绘制图片的比例与位置
18、重构拆分绘制图片的代码
19、图层数据的管理逻辑
20、第一次添加图层
21、画几个点的 redux 代码
22、画几个点的 action 发起
23、把点映射到页面
24、闭合一根线
25、标注浮层
26、标注浮层的位置
27、让标注浮层可完成
28、编辑浮层-让边界可 hover
29、编辑浮层-让图层可选中
30、编辑浮层-让浮层出现
31、在标注浮层 undo
32、删除一个浮层
33、取消浮层编辑
34、移动点-可移动点的提示
35、移动点-点是怎么移动的
36、移动点-限制范围
37、移动点-已完成标注层的点可移动
38、移动标注层-改变所有点的数据
39、移动标注层-正确移动线
40、(作业) 标注层移动后移动点的 bug
41、绘制矩形-切换标注模式
42、绘制矩形-画出一个矩形
43、绘制矩形-调整矩形
44、图层管理面板
45、未完成的警告提示
46、添加点的警告提示
47、让矩形移动后点仍可编辑
48、画布的放大缩小
49、让标注层跟随画布缩放
50、隔离不同图层组的缩放
51-53、完善编辑完成操作
54、(作业) undo 功能


普通用户可以试看:

VIP 用户可以试看:

超值优惠价:原价 239 元、活动价 199 元、VIP会员价 168 元

视频购买地址:http://2017.miaov.com



售前咨询:

QQ:2852509866、2852509867、2852509868
微信号:miaov-class
TEL:010-57269690
在线时间:周一至周五 9:30 - 18:00

想要了解妙味课堂最新消息?长按二维码关注吧!

妙味网友
请登录后留言,请登录注册