【体系课】数据可视化，打造前端差异化竞争力
这是一套课程？不！这是一套“数据可视化”的综合解决方案耗时半年，遍历数据可视化开源项目；深度加工，IT资源网&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等组件
库，进一步简化地图开发
配套电子教材
不买课也能看
点击免费观看
学员专享增值服务
三大项目代码随课赠 -->
三大项目代码随课赠
只这三套高质量的企业级代码，就不是这点学费能
衡量的，卖课根本不挣钱就交个朋友
源码开放 -->
课程持续迭代更新
为照顾大家长久的学习需要，课程将根据大家的反
馈，不断更新补充内容，让课程持续保鲜
适合人群
想系统学习数据可视化的前端工程师
技术储备要求
掌握HTML、Javascript(ES6)
有Vue.js 、Node.js基础
页:
[1]