fbpx

使用 D3.js 和 Firebase 建構資料視覺化程式

Contents

瞭解如何使用 D3(v5) & Firebase (Firestore)來建立動態 SVG 資料視覺化。 柱狀圖,餅狀圖

從這 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

🙌 如何有效率地管理 ChatGPT 輸出與整理自己的 ChatGPT 提示( prompts )使用情境?LN+ for Web 已經針對 ChatGPT 的整合做最佳化


🙌 讓 Notion AI 成為你線上學習的得力助手,詳細操作請參考 – 使用 Notion AI 功能來為 udemy 的課程做摘要總結


  • 點選這個優惠連結 課程特價 | Udemy 永久擁有課程 NT330 起( 請登入 Udemy|按過“優惠連結”後到”報名參加課程“連結網頁做更新 )
  • Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
  • 手機上點選優惠連結看到的價格比電腦上看到的貴
  • $代表當地貨幣, 如在台灣為 NT
  • 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現

報名參加課程

Sponsored by Udemy


也許你會有興趣

不受 FB 演算法影響,歡迎透過 e-mail 訂閱網站更新

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: