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

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

课程介绍

体系课-数据可视化入门到精通-打造前端差异化竞争力首门微体系课，不谦虚的讲，全网打着灯笼也找不到这么精炼、系统、实用的数据可视化课程，通过学习课程，不管是数据报表、数据大屏、移动报表需求，你都将游刃有余，掌握课程所授，你基本可以应对企业90%以上的数据可视化开发需求，升职加薪几乎是一定的！
适合人群
想系统学习数据可视化的前端工程师
技术储备要求
掌握HTML、Javascript(ES6)
有Vue.js 、Node.js基础
另:
1：《体系课-数据可视化入门到精通-打造前端差异化竞争力》来自某课网，原价999，由编程猿整理发布！编程猿承诺，本站所有课程百分百高清，完整，原画，包含所有的视频+素材+课件+源码，官方同步体验！
2：本站所有课程格式MP4格式无密 可以通过网盘在线学习也可下载到本地，方便快捷！
3： 所有课程全部支持试看任何章节，可通过点击右侧官方微信扫码添加要求试看！
4：官方品质，信誉保证，本站包含某课网,某讯课堂,某易云,饥人谷,某度教育....等上万部课程正在陆续更新，感谢同学们的信任与支持，保证让同学们满意！
5：所有课程都会包更新，只要官方更新本站延迟2-3天就会更新。
6：爱好学习，一直提升自己的小伙伴可以开通会员，享受全站免金币无限制畅快学习！7：点击下方链接进行试看，在线看默认流畅，调节成原画，最好直接下载到本地是超清！
试看链接：https://pan.baidu.com/s/1aEaBgrDywEMC2HG7oYDoyg?pwd=lvx5
如需咨询请点击
章节目录：第1章 课程介绍本章节整体介绍课程的制作背景、整理安排、以及主要内容。
1-1 课程介绍（导学）试看第2章 我需要学数据可视化吗?本章节，介绍了什么是数据可视化，数据可视化的发展历史、以及在什么场景下需要用数据可视化、以及发展前景。
2-1 什么是数据可视化 2-2 数据可视化发展历史 2-3 数据可视化的应用场景 2-4 数据可视化的发展前景第3章 好多同学说，想学数据可视化，但是不知道学那个技术【数据可视化前端技术选型（上）】本章节，解决大家不知道如何选择技术的问题。老师带大家分析当下市面上的所有数据可视化技术，以及不同的技术擅长做什么效果，以及各个技术的入门讲解，大家系统的对数据可视化有全面的了解。
3-1 前端可视化解决方案试看 3-2 canvas 入门 3-3 svg 入门 3-4 webgl 技术分享 3-5 zrender 入门 3-6 d3 入门 3-7 three.js 介绍 3-8 本章小结 3-9 canvas 高级应用：图片压缩算法实现（上） 3-10 canvas 高级应用：图片压缩算法实现（下）第4章 数据可视化前端技术选型（下）详细介绍前端可视化开发中两大主流技术栈：AntV 和 ECharts，以及highcharts。
4-1 highcharts 介绍 4-2 antv-g2 入门 4-3 antv-g6 入门 4-4 antv-l7 入门 4-5 echarts 入门 4-6 echarts 自定义主题和svg渲染 4-7 echarts 系列及多系列案例 4-8 echarts 新特性 dataset 4-9 echarts 组件 4-10 echarts 定位 4-11 echarts 坐标系 4-12 echarts 双坐标系 4-13 echarts 多坐标系 4-14 三种技术栈对比 4-15 本章小结第5章 数据报表项目初始化+核心指标组件开发夯实基础知识后，我们将开启数据报表项目，本章将带大家完成项目初始化，并集成element-ui和echarts库，知识点很多，赶紧拿起小本本学起来。
5-1 数据报表项目简介 5-2 关于技术选型的说明 5-3 项目初始化 5-4 element-ui和echarts引入 5-5 容器组件初始化 5-6 顶部核心指标组件布局开发 5-7 核心指标公共组件抽取 5-8 累计销售额组件开发 5-9 累计订单量组件开发 5-10 今日交易用户数组件开发 5-11 累计用户数组件开发（上） 5-12 累计用户数组件开发（下）第6章 核心指标组件重构+销售趋势组件开发本章我们重点使用vue-echarts组件重构代码中应用echarts部分代码，利用vue-echarts简化echarts开发。
6-1 vue-echarts组件库入门 6-2 v-charts组件库入门 6-3 vue-charts 重构核心指标组件 6-4 销售趋势组件容器+头部开发（上） 6-5 销售趋势组件容器+头部开发（下） 6-6 销售趋势图表和列表开发 6-7 搜索关键词组件开发（上） 6-8 搜索关键词组件开发（下） 6-9 分类销售排行组件开发试看第7章 百度地图数据可视化很多同学期待已久的地图可视化深度教学，让我们从百度地图开始，深度学习地图可视化开发，知识量巨大，你准备好了吗？
7-1 百度地图入门案例+异步加载 7-2 百度地图3D建筑+3D地球 7-3 百度地图控件 7-4 百度地图自定义样式 7-5 百度地图绘图（上） 7-6 百度地图绘图（下） 7-7 百度地图ViewAnimation动画 7-8 百度地图TrackAnimation动画 7-9 百度地图可视化之散点图（上） 7-10 百度地图可视化之散点图（下） 7-11 百度地图可视化之飞线动画 7-12 百度地图可视化之炫酷飞线动画（上） 7-13 百度地图可视化之炫酷飞线动画（下） 7-14 百度地图可视化之3D建筑第8章 数据大盘+vue-element-admin集成+部署有地图可视化知识加持，现在可以愉快地完成数据报表项目了，再接上真实API，妥妥的商业级项目。
8-1 （上）销售大盘地图组件开发 8-2 （下） 销售大盘地图组件开发 8-3 v-charts移植销售大盘地图组件 8-4 销售大盘组件集成 8-5 水球图的基本用法 8-6 支付转化率组件开发 8-7 词云图的基本用法 8-8 http请求公共方法封装 8-9 【重要章节】防盗版接口接入 8-10 provide+inject实现组件通信 8-11 累计销售额组件数据接入 8-12 千分位算法实现 8-13 顶部核心指标组件数据接入 8-14 销售额组件API对接 8-15 搜索量组件API对接 8-16 品类分布组件API对接 8-17 销售大盘+用户增长+热门搜索API对接第9章 vue-element-admin接入+上线部署还不知道怎么把数据报表接入真实项目？还不会把开发好的项目发布上线？让Sam老师给你答案！
9-1 vue-element-admin项目下载和运行 9-2 登录API接入（上） 9-3 登录API接入（下） 9-4 数据报表页面移植 9-5 数据报表样式优化 9-6 退出登录功能实现 9-7 项目构建与发布 9-8 https证书+cdn配置实战第10章 外卖业务数据大屏项目需求分析+项目框架搭建如何开发数据大屏？Vue3.0还不会？让BAT老司机给你答案。
10-1 数据大屏项目技术方案分析 10-2 vue3项目初始化 10-3 vue3基本开发体验 10-4 vue3新特性composition-api（上） 10-5 vue3新特性composition-api（下） 10-6 vue3+vue-router使用方法 10-7 vue3+vuex使用方法 10-8 本章小结第11章 数据大屏组件库搭建秀操作的时候到了，全网稀缺的vue3.0组件库教学，赶紧上车吧
11-1 组件库项目创建+开发模式配置 11-2 rollup 切换模块化标准+多模块构建 11-3 rollup node-resolve插件+babel-node用法讲解 11-4 tree-shaking 机制讲解 11-5 rollup external属性+commonjs插件讲解 11-6 rollup babel+json+terser插件 11-7 【放大招了】rollup vue 组件编译 11-8 【关键步骤】在 html 中使用自定义 vue 组件 11-9 npm link关联组件库+eslint初始化 11-10 【重磅】组件库按需加载实战 11-11 【重要】vue2组件库兼容方案第12章 项目矢量图组件开发必备的svg知识入门详细讲解svg怎么玩，还不会svg的小伙伴有福了！
12-1 svg 应用场景和优势 12-2 svg viewport 和 viewBox 用法讲解 12-3 深度剖析 svg preserveAspectRatio 属性（上） 12-4 深度剖析 svg preserveAspectRatio 属性（下） 12-5 svg 组件库最佳实践 12-6 通用 svg 组件封装 12-7 如何快速集成 iconfont svg 图标 12-8 iconfont 最佳实践第13章 深入svg动画开发带给大家最全面的svg动画实战教程。
13-1 svg transform属性解析 13-2 svg matrix 变换原理讲解 13-3 svg + CSS 动画实战：环形进度条 13-4 svg + CSS 动画实战：LOGO描边动画 13-5 svg SMIL 动画 + set 标签讲解 13-6 svg SMIL animate 动画 13-7svg 动画核心：轨迹动画第14章 通用数据大屏矢量图svg组件开发【活学活用前面学到的各种高端知识】
14-1  loading 组件样式开发14-2  loading 组件动画开发14-3  loading 组件扩展能力开发14-4  flyBox 组件样式开发14-5  svg mask 蒙版用法讲解14-6  linearGradient 和 radialGradient 用法讲解14-7  flyBox 组件自适应布局开发14-8  flyBox 组件扩展能力开发14-9  flyBox 组件 uuid 改造 + 实现过程回顾第15章 数据大屏容器组件开发【数据大屏到底怎么开发？先从这里开始！】
15-1  固定宽高比及突破chrome 12px原理讲解15-2  容器初始化功能开发15-3  【关键步骤】固定宽高比算法开发15-4  浏览器缩放时锁定屏幕宽高比功能开发15-5  【实用】onResize 方法防重发机制开发15-6  【高能】组件库 async function 特性支持15-7  MutationObserver 监听样式变更第16章 数据大屏业务组件开发【真正将Vue3.0用于商业级项目】
16-1  数据大屏业务组件开发说明16-2  数据大屏loading逻辑开发16-3  数据大屏整体布局开发16-4  数据大屏标题组件开发16-5  用户统计组件开发-通过hooks封装业务逻辑16-6  【高能】VueCountTo组件兼容Vue3开发16-7  VueCountTo组件项目实战16-8  进度条组件开发16-9  年龄分布组件开发16-10  Vue3+ECharts开发16-11  年龄分布图表组件开发16-12  设备统计组件开发16-13  南丁格尔图开发16-14  性别统计组件开发16-15  骑手统计组件开发16-16  热卖品类组件开发第17章 数据大屏自动轮播列表组件开发【难度非常高的一个基础组件，各种骚操作】
17-1  顶部核心指标组件开发（Iconfont加入实战）17-2  可变换的分类组件开发（vue3鼠标事件实战）17-3  补充知识：js鼠标事件onmouseenter和onmouseover的区别17-4  基础滑动列表组件技术方案分析17-5  基础滑动列表标题样式开发17-6  标题数据处理（深拷贝+lodash按需加载）17-7  组件props重构（lodash对象合并算法）17-8  标题动态列宽算法开发17-9  行数据渲染开发17-10  行数据高度动态计算17-11  行动态样式开发17-12  滑动动画开发（上）（同步sleep写法）17-13  滑动动画开发（中）17-14  滑动动画开发（下）17-15  将基础滑动列表应用到数据大屏17-16  销售大盘参数配置第18章 复杂图表——echarts混合图表+动画渲染技术实战【嫌图表简单的同学点进来！】
18-1  深入echarts timeline组件18-2  echarts timeline 实战案例18-3  echarts 实现自定义地图渲染（解决组件库external失效问题）18-4  echarts 自定义地图配置详解（VisualMap实战）18-5  自定义地图预警信号实战（EffectScatter应用）第19章 echarts-gl技术讲解
19-1  echarts-gl入门——旋转地球基础纹理贴图+背景贴图19-2  echarts-gl高度纹理贴图+阴影亮度优化19-3  echarts-gl实战——全球航班案例开发19-4  综合应用案例——慕课外卖销售大盘地图组件初始化19-5  慕课销售大盘组件timeline样式定制19-6  慕课销售大盘组件柱状图动画开发19-7  慕课销售大盘组件散点图+飞线动画开发第20章 数据大屏API数据对接【数据大屏即将落地完成】
20-1  实时订单趋势组件开发20-2  订单日历图+商家排行组件开发20-3  数据大屏数据接口开发20-4  顶部核心指标组件数据接入20-5  实时订单数据接入第21章 移动报表项目框架搭建【开启移动端项目正确的开发姿势】
21-1  移动报表项目初始化21-2  rem原理讲解+项目rem配置21-3  postcss px2rem插件配置+reset css配置21-4  移动端echarts集成第22章 移动报表项目开发【一波移动报表组件】
22-1  背景和标题组件开发22-2  移动报表销售额组件开发22-3  销售趋势组件开发22-4  转化率组件开发22-5  百度地图飞线动画组件开发22-6  旭日图组件开发22-7  雷达图组件开发第23章 移动报表项目API对接【移动报表顺利完成啦！】
23-1  移动报表项目数据接口请求+loading效果23-2  接口数据联调23-3  移动报表项目构建23-4  移动报表项目发布第24章 补充知识：高德地图可视化开发【再送一波硬核的高德地图教程】
24-1  高德地图开发准备工作+第一个案例24-2  高德地图初始化配置讲解+3D地图24-3  高德地图图层开发讲解24-4  高德地图绘制矢量图讲解24-5  高德地图事件开发24-6  高德地图可视化开发