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

【体系课】数据可视化入门到精通

打造前端差异化竞争力

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

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

难度 中级 时长 37小时 学习人数 709 综合评分 10.00

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

¥999.00

观看试看视频

体系课-数据可视化入门到精通-打造前端差异化竞争力
慕课网首门微体系课,不谦虚的讲,全网打着灯笼也找不到这么精炼、系统、实用的数据可视化课程,通过学习课程,不管是数据报表、数据大屏、移动报表需求,你都将游刃有余,掌握课程所授,你基本可以应对企业90%以上的数据可视化开发需求,升职加薪几乎是一定的!
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

万事俱备 只等你来

  • 慕粉q

    好评

    我刚看完第五章,但是感觉老师讲的很好的原因有几点,1.项目真的和平时工作时一模一样的流程,先总体观察视觉ui图搭建项目结构,2组件模块化做的很好,3echarts这块讲的很详细,和工作中的流程都一样啊。

  • qq_六翼恶狼_0

    好评

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

  • K21vin

    好评

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

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

学习咨询

选课、学习遇到问题?

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

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