使用 D3.js 和 Firebase 建构数据可视化程序

课程简介

了解如何使用 D3(v5) & Firebase (Firestore)来创建动态 SVG 数据可视化。 柱状图,饼状图

课程介绍:English 繁中

从这 10.5 小时的课程,你会学到

  • 从头开始学习 D3 JS 和 Firebase (Firestore)
  • 使用 D3 JS 创建数据驱动的可视化(图形、图表、示意图)
  • 在一个名为”Firestore”(来自 Firebase)即时数据库中保存(和检索)数据,
  • 使用 Firestore 即时的更新数据可视化
  • 使用 D3和 Firebase (Firestore)创建3个项目

要求

  • 基本到中级的 JavaScript
  • 基本到中级的 HTML
  • 基本到中级的 CSS

课程说明

学习如何用 D3.js 创建一个数据可视化程序

D3.js 是一个强大的 JavaScript 程序库,用来轻松地创建数据可视化。 在这门课程中,我将教你如何利用 D3 的能力来创建各种不同的数据驱动的可视化,如柱状图、饼图、线形图、气泡图和树状图。

我们将学习 D3 select,改变 SVG 属性和样式,尺度,轴,转换,层次化数据等等。

使用 Firebase Firestore 即时更新 D3.js 图表

我还会教你如何使用 Firestore (来自 Google Firebase)——一个即时 NoSQL 数据库,我们可以在这个数据库中保存数据。 我们将使用这个功能即时实现 D3.js 可视化(不需要更新浏览器) ,并使它们交互、有趣和动态。

我们还将创建 3 个项目,把我们的 D3 & Firebase 技能放在测试中——首先是一个名为 Ninja Wonga 的理财规划,然后是一个叫做 Dojo 的健身追踪器,最后是一个名为 Ninja corp. 的公司员工树状图。

为什么都叫做忍者( Ninja )?

我也以 YouTube 上的网络忍者(Net Ninja on YouTube)为人所知,拥有超过20万的订阅者和近1000个免费的开发教程。 在你购买我的课程之前,请随意查看我的教学风格:)。

目标受众

  • 开发人员希望用 JavaScript 建构数据驱动的 UI 图表
  • 开发人员想要学习 D3 和 firebase
  • 开发人员想要了解数据可视化
  • 开发人员希望用 D3创建 SVG 图表
  • 开发人员想使用 firebase 来驱动他们的 D3图表

讲师简介

Shaun Pelling   在线 Web 开发导师和网络忍者

嘿各位~我的名字是 Shaun,从小就有几乎任何与科技有关的东西都有根深蒂固的热情。自 15 岁左右开始我就开始编写代码(我有生之年的一半,现在……呃!),并且是一个完整的 Web 开发人员和在线教师。

我还运行了一个众所周知的开发教程 YouTube 频道,名为 The Net Ninja,拥有超过135,000名用户。所以,如果你想看看我的教学风格,随时到那浏览一下我最新的免费教程 :)。

我的专业主要围绕一种中心语言(以及我的初恋) – JavaScript。我一直在为它编程大约 12 年,并且 – 和任何长期关系一样 – 有幸看到它是丑陋的一面,也是它美丽的一面。所以我知道在使用它时要避免的陷阱,并在适当的时候在我的教学中传递这些知识。

除了教学之外,我还帮助创建了许多非常受欢迎的基于英国的电子商务网站,以及大量较小的独立网站。

我使用和教授的其他语言是 – Python、Ruby、PHP、HTML 和 CSS

英文字幕:有

  • 想要了解如何将英文字幕自动翻译成中文? 请参考这篇 How-To

如何购买这门课程比较划算?可以参考课程合购优惠方案


报名参加课程

Sponsored by Udemy

也许你会有兴趣

 欢迎使用e-mail订阅 Soft & Share 

发表评论

Powered by WordPress.com.

Up ↑

%d 博主赞过: