2米资源网

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

【8529】-体系课-数据可视化入门到精通-打造前端差异化竞争力(11章完整版)

  • 本站均为资源介绍,仅限用于学习和研究,不得将上述内容用于商业或者非法用途,
  • 否则一切后果请用户自负。您必须在下载后的24个小时之内,从您的电脑中彻底删除
  • 如果喜欢该资源请支持正版。如发现本站有侵权违法内容,请联系后查实将立刻删除。
  • 资源简介:体系课-数据可视化入门到精通-打造前端差异化竞争力(11章完整版)
  • 详细描述

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


    第1章 课程介绍
    本章节整体介绍课程的制作背景、整理安排、以及主要内容。
     
     1-1 课程介绍(导学)
     1-2 课程学习指南
    第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的童鞋点进来】
    详细介绍前端可视化开发中两大主流技术栈: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正确打开姿势】
    本章我们重点使用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接入+上线部署【95%的前端工程师都不知道】
    还不知道怎么把数据报表接入真实项目?还不会把开发好的项目发布上线?让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了】
    如何开发数据大屏?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组件库教学,知识量爆炸】
    秀操作的时候到了,全网稀缺的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怎么玩,还不会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动画开发【又一波高端操作,95%前端工程师都不会的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-7 svg 动画核心:轨迹动画
    第14章 通用数据大屏矢量图svg组件开发【活学活用前面学到的各种高端知识】
    学了一堆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章 数据大屏容器组件开发【数据大屏到底怎么开发?先从这里开始!】
    突破Chrome 12px显示极限,让数据大屏更加丰满,又一波知识盛宴。
     
     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混合图表+动画渲染技术实战【嫌图表简单的同学点进来!】
    嫌课程的echarts图表难度不够?安排几个高难度的图表。
     
     18-1 深入echarts timeline组件
     18-2 echarts timeline 实战案例
     18-3 echarts 实现自定义地图渲染(解决组件库external失效问题)
     18-4 echarts 自定义地图配置详解(VisualMap实战)
     18-5 自定义地图预警信号实战(EffectScatter应用)
    第19章 echarts-gl技术讲解
    终于到了echarts-gl,看看如何用echarts做3d绘图。
     
     19-1 echarts-gl入门——旋转地球基础纹理贴图+背景贴图
     19-2 echarts-gl高度纹理贴图+阴影亮度优化
     19-3 echarts-gl实战——全球航班案例开发
     19-4 综合应用案例——慕课外卖销售大盘地图组件初始化
     19-5 慕课销售大盘组件timeline样式定制
     19-6 慕课销售大盘组件柱状图动画开发
     19-7 慕课销售大盘组件散点图+飞线动画开发
    第20章 数据大屏API数据对接【数据大屏即将落地完成】
    样式写好了,该对接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章 移动报表项目开发【一波移动报表组件】
    将PC的报表移植到移动端?木问题!
     
     22-1 背景和标题组件开发
     22-2 移动报表销售额组件开发
     22-3 销售趋势组件开发
     22-4 转化率组件开发
     22-5 百度地图飞线动画组件开发
     22-6 旭日图组件开发
     22-7 雷达图组件开发
    第23章 移动报表项目API对接【移动报表顺利完成啦!】
    接上真实API,完成项目发布。
     
     23-1 移动报表项目数据接口请求+loading效果
     23-2 接口数据联调
     23-3 移动报表项目构建
     23-4 移动报表项目发布
    第24章 补充知识:高德地图可视化开发【再送一波硬核的高德地图教程】
    地图开发怎么少的了高德?
     
     24-1 高德地图开发准备工作+第一个案例
     24-2 高德地图初始化配置讲解+3D地图
     24-3 高德地图图层开发讲解
     24-4 高德地图绘制矢量图讲解
     24-5 高德地图事件开发
     24-6 高德地图可视化开发
    本课程已完结

     
    体系课-数据可视化入门到精通-打造前端差异化竞争力
    百度网盘分享地址: 链接: https://pan.baidu.com/s/1y1zSVMTNOZG9H2AQ-3v-0w 提取码: 5t3p
    2米资源网