|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/d3-react/
课程评论：没有评论
**课程名称：** Introduction to D3.js with React **课程概述：** 本课程旨在帮助学习者快速掌握在 React 环境中使用 D3.js 的方法，并教授 D3.js 的最新版本（6.x）。课程采用代码实践的方式，分为五个部分，逐步深入 D3.js 的应用。 **课程大纲：** * **第一部分：** 学习 D3.js 的必要性、课程结构介绍及资源说明。 * **第二部分：** 环境搭建，创建 React 与 D3.js 结合的封装组件，SVG 基础，以及 D3.js 的初步实践。 * **第三部分：** 使用 D3.js 构建静态柱状图，学习比例尺、坐标轴的添加，以及 D3.js 的边距约定。 * **第四部分：** 使用 D3.js 构建动态更新的柱状图，介绍 D3.js 的 Interval 方法、transition 动画效果、General Update Pattern，以及如何响应 React 中的用户输入来更新图表。 * **第五部分：** 使用 React 和 D3.js 构建完整的 Web 应用，包括散点图的绘制，React 与 D3.js 之间的事件处理，以及两者的协同实践。 **课程适合人群：** D3.js 是一个功能强大且社区活跃的库。本课程适合希望学习如何将 D3.js 与 React 有效结合的开发者。 **课程前提：** 本课程并非 Web 开发入门课程。学员需具备 JavaScript、HTML、CSS 和 React 的基础编程经验。
Welcome to Introduction to D3.js with React!This course will help you to get up and running with D3.js in a React environment as quickly as possible. The course will teach you to program in the latest version of D3 - version 6.x.Course OutlineThe course is structured in a code-along format, gradually adding on to what you can do with the D3 library over the course of 5 sections.Section 1:Telling you why you should learn D3Going over the structure of the courseExplaining course resourcesSection 2:Getting your environment setupCreating a wrapper for using React and D3 togetherIntroducing SVGsTaking your first steps in D3Section 3:Building a static bar chart with D3How to add scales and axes to a chartIntroducing the D3 axis generatorsAdding in the D3 margin conventionSection 4:Building an updating bar chart with D3Introduction to the D3 Interval methodUsing the D3 transition suiteUnderstanding the D3 General Update PatternUpdating the chart according to user input through ReactSection 5:Building a complete web app with React and D3Building a scatterplot with D3Handling events between React and D3Practicing using the two libraries togetherShould I Take This Course?D3 is an incredibly powerful library to use, with a strong community of developers which is growing every day. The library famously doesn't play well together with React, as they both want total control over the DOM. Take this course if you want to learn the right way to get these two libraries together, and get up and running as quickly as possible.This course is not an introductory course to web development. Students are expected to have had experience coding in JavaScript, HTML, CSS, and React before enrolling in this course.
