首页 实战 数据可视化入门到精通-打造前端差异化竞争力
收藏

数据可视化,打造前端差异化竞争力

数据可视化就是前端未来的标配,就是前端未来竞争的破冰利器

数据可视化入门到精通-打造前端差异化竞争力

¥999.00
满799减200 满1199减300 满1799减500 满2999减800 满3888减1100 满4699减1500 满8799减2700 满499减100 满299减50

更多

难度 中级 时长 37小时 学习人数 1473 综合评分 10.00
打造前端高薪竞争力
活动到手价:¥2,179.00 领券加购减500
2门课 总价:¥2,679.00
加购物车

精炼、系统、实用的数据可视化课程,通过课程,不管是数据报表、数据大屏、移动报表需求,你都能在这里学习到。掌握课程所授,你基本可以应对企业大部分的数据可视化开发需求。

Sam
讲师

资深前端架构师

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看

这是一套课程?不!这是一套“数据可视化”的综合解决方案

耗时半年,遍历数据可视化开源项目;深度加工,慕课网&BAT工程师联合研发

课程
数据可视化系统体系课程
(视频+教材)
+
代码
拿来就用的企业级代码
+
模板
不同行业可视化模板
(持续增加)
=

你觉得

该值几千块钱?

让“数据可视化”再造你的“前端差异化”竞争力

掌握可视化不能让你财务自由,但会帮你解决就业、加薪难题

让初级前端-有能力“进入大厂”

跟随老师的步伐,哪怕只掌握80%
也足以让你在电商项目满天飞的
面试中脱颖而出,一招鲜,吃遍天

让中级前端-有能力“升职加薪”

数据可视化是大厂的硬性标配
是中小企业的紧迫要求,这方面的人才和
教程一样难找,加薪少了都不行!

让高级前端-有能力“推动业务”

Sam任职于BAT,课程内的代码完全
按照企业级标准开发,老手一看就知道
单是这套代码,就远不止课程这点费用
同级别前端,掌握数据可视化薪资更高,来源于“zhipin.com”公开数据

直接看成果——基于外卖业务开发三大主流商业级数据可视化项目

外卖业务在人流、时段、调度、地图等方面都有很强的数据要求,正是基于此,我们选择以外卖业务为授课案例

数据报表项目开发
数据大屏项目开发
移动报表项目开发
实际应用场景 - 展分析业务数据、生产数据、财务数据、用户数据、运营数据等         体验链接: http://www.youbaobao.xyz/datav-report/
实际应用场景 - 展示业务核心数据,实时动态观测         体验链接: http://www.youbaobao.xyz/datav-next/#/screen
扫码体验
实际应用场景 - 方便企业各层在手机上远程查看业务运营数据状况         体验链接: https://www.youbaobao.xyz/datav-mobile

智慧城市
可视化项目

电商
可视化项目

交通
可视化项目

物流
可视化项目

政务
可视化项目

一条从概念到落地应用的“数据可视化”的高效学习路线

让你对数据可视化既有宏观行业上的的认识,又能收获撑的起大型项目开发的实际技术

数据可视化
基本概念和知识体系

基础案例
(ECharts、antv入门
    组件开发、项目合成)

数据报表项目开发

数据大屏项目开发
(完全按照企业级代码标准)

移动报表项目开发

Vue3.0+EChart4.0联合打造一个完整的商业级“数据大屏项目”

融合图形、表格、地图、动画等多种前端技术,并使用真实数据进行Http+WebSocket通信

- 项目亮点 -

锁定宽高比技术
数据报表项目开发

锁定页面宽高比,放大缩小不会改动页面尺寸,同一画布
内展示更多内容

ECharts动态更新技术

通过Http和WebSocket更新接口数据,通过接口数据驱
动ECharts的数据更新

Vue3.0的
composition-api特性

结合Hooks编程思想,采用全新的编程方式完成项目架构
和代码编写

地图可视化的集成

实现双十一大屏中的地图飞线、热点图、旋转地球,等
复杂的地图可视化需求

- 硬核技术栈 -

数据大屏项目
Vue 3.0 项目创建
Vue 3.0 compositon-api
Vue 3.0 hooks 编程思维
Vue 3.0 filters 移植方案
Vue-Router 4.0 集成
Vuex 4.0 集成
Vue 3.0 项目构建
Http请求封装
Vue2.0 组件移植
构建性能优化
svg基础入门
svg基本概念和优势讲解
编写一个svg案例
如何在html在嵌入一个svg
svg组件开发
svg常用形状讲解
svg滤镜和渐变
svg动画:animate/ animateTransform
animateMotion
数据大屏svg组件开发
Container组件开发
数据大屏Container组件需求分析
Container组件实现原理
Container的预备技术
插槽/DOM样式修改/resize事件
MutationObserver
突破Chrome浏览器12px的最小字体限制
debounce算法实现
Container组件开发
Container组件功能扩展:
拉伸模式和固定宽高比模式
数据大屏组件开发
布局组件开发
标题+时钟组件开发
进度条面板组件开发
柱状分类图组件开发
南丁格尔图组件开发
性别组件开发
双坐标系曲线图组件开发
双柱状图组件开发
心跳折线图组件开发
日历图组件开发
数据大屏动态列表组件开发
数据大屏动态列表组件需求分析
动态列表动画实现原理和流程分析
列表样式开发
列表动画开发
列表开放属性设计和开发
数据大屏集成动态列表组件
环形图+动态列表集成组件开发
ECharts-gl入门
旋转地球组件实战
城市销售热点地图组件实战
中国地图飞线组件实战
全球地图飞线组件实战
ECharts自定渲染
自定义渲染实现原理
自定义热力图组件开发
自定义天气预报图组件开发
自定义增长趋势图组件开发

真的很难找—— “地图可视化(百度+高德)”教程

将地图可视化中的内容集成到课程中,真实解决业务问题

覆盖了地图应用的绝大部分场景
脱离框架,了解百度地图的实现原理
使用ECharts简化百度地图开发

异步加载、绘制图片和矢量图、3D地图、个性化地图
、3D动画、轨迹动画,百度地图数据可视化解决方案:
绘制散点、飞线、3D建筑、炫酷飞线、指数分布

从原生HTML使用百度地图开始,到
Vue+Webpack+百度地图,再到模块化改造,将代码
与Vue集,成通过Vue的组件化大幅简化地图开发

将Vue+ECharts+百度地图进行结合,实现真正的企
业级应用,期间用Vue-ECharts和v-charts等组件
库,进一步简化地图开发

配套电子教材

不买课也能看

点击免费观看

学员专享增值服务

三大项目代码随课赠
只这三套高质量的企业级代码,就不是这点学费能
衡量的,卖课根本不挣钱就交个朋友
课程持续迭代更新
为照顾大家长久的学习需要,课程将根据大家的反
馈,不断更新补充内容,让课程持续保鲜

环境参数

  • Vue 2.6和3.0-beta
  • Node >=8
  • Echarts 4.7
  • 百度地图api 3.0

万事俱备 只等你来

  • 德育处主任

    好评

    大开眼界,前期入门canvas、svg、zrender能通过极短的时间带入门,厉害厉害。这类知识点,其实工作中少用到(可能会用到,但不知道可以这么用)就慢慢丢掉了。每个知识点平均下来10分钟就能入门,这种方式很照顾小白的自信心~好评~

  • 诺丁山丶

    好评

    第6章快结束了。sam老师的口碑在那了,一如既往的高质量课程。就不用多罗嗦了。讲解思路清晰、细致、透彻,容易听懂,上手也快,提供的教学文档非常的完善。希望老师结尾能拿出一点时间,讲讲3D可视化的理论知识。就非常感谢了。

  • hy_wang

    好评

    通俗易懂,虽然现在看到的之前项目中很多都用过的基础。但是老师讲的一些细节的确让人做到温故知新的同时也会对一些没有用到的属性和之前查阅API囫囵吞枣的问题也在课程中得到了和清晰的认识。

查看全部483条用户评价
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题