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
คอร์สสอน 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 คนครับ
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 ได้ด้วยครับ