3 คอร์สสอน D3.js ออนไลน์ชั้นยอดสำหรับการทำ data visualization

D3.js คือหนึ่งใน Library ของ Javascript ที่มีบทบาทสำคัญในการทำ data visualization ใน Web Browser ทำให้ข้อมูลออกมาสวยงาม และมีความ dynamic ซึ่งจะช่วยให้ข้อมูลต่างๆ เข้าใจง่าย และดึงดูดความสนใจของผู้ชม

ในโพสนี้ผมจะมาแนะนำว่าคอร์สสอน D3.js มีคอร์สไหนที่น่าสนใจบ้าง อย่างไรก็ดีในการที่จะเรียนคุณควรจะมีพื้นฐาน HTML, CSS และ Javascript มาในระดับหนึ่งครับ ยกเว้นคอร์สของ Coursera ที่ไม่จำเป็นครับ

ข้อควรทราบ: ราคาและเงื่อนไขต่างๆ ของแต่ละคอร์สอาจจะมีการเปลี่ยนแปลงได้ โปรดตรวจสอบกับทางเว็บไซต์ผู้ให้บริการอีกครั้งเพื่อความชัดเจนครับ

Udemy

คอร์สที่ 1-2 อยู่ในแพลตฟอร์มของ Udemy

Udemy เป็นในตัวเลือกที่ดีที่สุดแห่งหนึ่งในการเรียน D3.js เพราะนอกจากจะมีคอร์สคุณภาพเยี่ยมให้เลือกหลายคอร์สแล้ว การซื้อคอร์สยังเป็นแบบซื้อขาด คุณสามารถกลับมาเรียนได้ครั้งแล้วครั้งเล่า และไม่จำเป็นต้องรีบเรียนแต่อย่างใด เพราะไม่มีวันหมดอายุ ถ้าครูผู้สอนอัพเดต content ใหม่ คุณจะได้ content นั้นโดยทันที และไม่มีค่าใช้จ่ายเพิ่มครับ

การเรียนผ่าน Smart TV และ Smartphone ก็สะดวกสบายมาก เพราะมี app คุณภาพสูงให้ใช้งาน จากที่ผมลองใช้เรียนมาหลายสิบชั่วโมง ปัญหา app ล่มยังไม่เคยเกิดกับผมเลยครับ

ถึงกระนั้นคุณควรจะซื้อคอร์สในช่วงที่มีลดราคาเท่านั้น เพราะการลดราคาของ Udemy แรงมากถึง 90% ทำให้ราคาคอร์สเหลือแค่ไม่กี่ร้อยบาทเท่านั้น ถ้าคุณเปิดเข้าไปเจอราคาเต็ม ผมแนะนำให้นำคอร์สที่ต้องการใส่ Wish List แล้วรอ 2-5 วันครับ หรือสมัครแจ้งเตือนกับ Victory Tale ก็ได้ ผมจะได้แจ้งให้คุณทราบเมื่อมีลดราคาครับ

คอร์สสอน D3.js ที่น่าสนใจบน Udemy ได้แก่

1. Build Data Visualizations with D3.js & Firebase

คอร์สสอน D3.js ที่จัดทำโดย Shaun Pelling เจ้าของช่องสาย web developer ชื่อดังอย่าง The Net Ninja ใน Youtube ผู้มีประสบการณ์การทำงานเป็น Full Stack Developer มานานหลายปี

ในคอร์สนี้สิ่งที่คุณจะได้เรียนคือ

  • พื้นฐานของ D3.js และ SVG และการใช้งานข้อมูลที่เกี่ยวข้อง
  • การสร้าง Scales และ Barcharts
  • พื้นฐานของ Firebase
  • D3 Update Pattern/Transitions
  • User Interaction
  • Data Hierarchy
  • การทำโปรเจคต่างๆ อาทิเช่น การสร้าง Donut Chart, Fitness Tracker หรือว่า Tree Diagram
  • และอื่นๆ อีกมากมาย

โดยรวมแล้วคอร์สนี้จะสอนการใช้งาน D3.js อย่างละเอียด รวมไปถึงการใช้ Firebase ในการอัพเดตตัวตารางและ diagram ต่างๆ แบบ real-time ด้วย เมื่อรวมกับโปรเจคอีก 3 ชิ้นแล้ว ถือว่าเป็นคอร์สที่น่าสนใจอย่างมากเลยครับ

คะแนนรีวิวของคอร์สนี้ได้ไป 4.8/5.0 จากนักเรียนกว่า 13,400 คน

2. Mastering data visualization in D3.js [2020 UPDATE]

คอร์สสอน D3.js ที่จัดทำโดย Adam Janes ผู้เป็น Data Visualization Engineer ประสบการณ์สูง และจบการศึกษาจาก Harvard University หนึ่งในมหาวิทยาลัยชั้นนำของโลกครับ

สำหรับคอร์สนี้จะรวบรัดกว่าคอร์สแรกพอสมควร เพราะไม่ได้มีการใช้งาน Firebase เข้ามาด้วย โดยจะครอบคลุมเนื้อหาต่อไปนี้

  • การเริ่มต้นใช้งาน D3.js และทำความรู้จักกับ SVG
  • Scales (Linear, Log, Time, Ordinal) และ Axes
  • วิธีการทำให้ Chart ของคุณเป็นมีความ dynamic และ interactive
  • แนะนำ Visualizations ที่ใช้งานบ่อย รวมทั้งหมด 12 ตัว อาทิเช่น Line Charts และ Area Charts
  • Maps and Networks
  • Hierarchical Data
  • และอื่นๆ อีกมากมาย

หลังจากที่คุณเรียนจบแล้ว คุณจะได้ลองทำโปรเจคจำนวน 4 ชิ้น คุณจะได้ลองใช้งาน D3.js โดยใช้ฐานข้อมูลจริง อาทิเช่นคุณจะได้สร้าง Line Chart แบบ interactive ซึ่งจะแสดงถึงความเคลื่อนไหวของราคา Cryptocurrency ครับ

สำหรับคอร์สนี้มีเนื้อหาแบบวีดิโอทั้งหมด 6.5 ชั่วโมง ขณะที่คะแนนรีวิวได้ไป 4.4/5.0 จากนักเรียนทั้งหมด 14,500 คนครับ

ถ้าคุณคิดว่าสองคอร์สนี้ยังไม่ตอบโจทย์ ผมแนะนำให้ลองหาคอร์สอื่นในคลัง D3.js Courses ของ Udemy ครับ

Coursera

คอร์สที่ 3 อยู่ในแพลตฟอร์มของ Coursera

Coursera เป็นแพลตฟอร์มที่รวบรวมคอร์สเรียนออนไลน์มากมายจากมหาวิทยาลัย บริษัท และสถาบันระดับโลก และจะส่งตรงประสบการณ์การเรียนที่ดีที่สุดให้กับคุณ โดยคุณจะได้เรียนกับคณาจารย์หรือครูผู้สอนที่มีประสบการณ์สูง รวมไปถึงได้รับการประเมินผลอย่างถี่ถ้วน นอกจากนี้คุณยังจะได้รับประกาศนียบัตร หลังจากที่เรียนจบคอร์สด้วยครับ

สำหรับคอร์สสอน D3.js ใน Coursera นั้นจะเป็นส่วนหนึ่งของหลักสูตรหรือ Specialization ซึ่งคุณจะต้องจ่ายค่าเรียนเป็นรายเดือน อย่างไรก็ดีคุณจะเข้าถึงคอร์สอื่นๆ ในหลักสูตรได้ด้วยครับ

3. Information Visualization: Programming with D3.js

คอร์สนี้จัดทำโดย New York University มหาวิทยาลัยชั้นนำกลางมหานครนิวยอร์กที่มีชื่อเสียงทางด้านเทคโนโลยี ในส่วนของคอร์สนี้ คุณจะได้เรียนการทำ visualizations สำหรับเว็บโดยใช้ D3.js อย่างเข้มข้น นอกจากภาคปฏิบัติแล้วคุณจะได้เรียนทฤษฎีที่อยู่เบื้องหลังสิ่งเหล่านี้ด้วยเช่นกันครับ

สำหรับคอร์สนี้นั้นคุณไม่จำเป็นต้องมีพื้นฐาน HTML, CSS และ Javascript แต่อย่างใด ในส่วนของเนื้อหานั้นจะประกอบด้วย

  • Introduction to Web and D3 – แนะนำพื้นฐานของ Web Development และ D3.js
  • Dealing & Drawing with data – เรียนรู้การจัดการข้อมูลและการใช้งานฐานข้อมูลต่างๆ
  • Lines, Arcs, and maps – เจาะลึกการสร้าง Charts, Arcs และ Maps หลากหลายรูปแบบโดยใช้ D3.js
  • Layout and Interaction – เรียนรู้ Visualizing Networks, Hierarchical Data, Brushing ฯลฯ

ในส่วนของค่าเรียนจะอยู่ที่ $39 หรือประมาณ 1,170 บาทต่อเดือน แต่คุณไม่น่าจะใช้เวลาเรียนมากกว่านั้น เพราะคอร์สใช้เวลาประมาณ 12 ชั่วโมงก็เรียนจบแล้วครับ อย่างไรก็ดีในราคานี้ คุณจะเข้าถึงคอร์สอื่นๆ ในหลักสูตร Information Visualization Specialization ได้ด้วยครับ

error: Content is protected !!