فلش‌کارت‌های آموزشی طراحی داشبوردهای تعاملی با D3.js

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره طراحی داشبوردهای تعاملی با D3.js

موضوع کلی: توسعه وب و بصری‌سازی داده‌ها

موضوع میانی: ابزارها و کتابخانه‌های جاوااسکریپت برای توسعه وب

📋 سرفصل‌های دوره

• 1. مبانی بصری‌سازی داده‌ها
• 2. مقدمه‌ای بر D3.js
• 3. نصب و راه‌اندازی D3.js
• 4. ساختار اصلی D3.js
• 5. انتخاب و دستکاری عناصر DOM
• 6. کار با داده‌های SVG
• 7. رسم اشکال هندسی پایه
• 8. کار با متن در SVG
• 9. استفاده از استایل‌های CSS در D3.js
• 10. انتقال و تبدیل عناصر
• 11. مقدمه‌ای بر مقیاس‌ها (Scales)
• 12. مقیاس‌های خطی
• 13. مقیاس‌های گسسته
• 14. مقیاس‌های زمانی
• 15. مقیاس‌های رنگی
• 16. مقدمه‌ای بر محورها (Axes)
• 17. رسم محورهای افقی
• 18. رسم محورهای عمودی
• 19. تنظیمات محورها
• 20. کار با داده‌های CSV
• 21. کار با داده‌های JSON
• 22. کار با داده‌های TSV
• 23. بارگذاری داده‌های خارجی
• 24. مقدمه‌ای بر نمودارها
• 25. ساخت نمودار میله‌ای ساده
• 26. ساخت نمودار میله‌ای تجمعی
• 27. ساخت نمودار میله‌ای گروهی
• 28. ساخت نمودار خطی
• 29. ساخت نمودار ناحیه‌ای
• 30. ساخت نمودار پراکندگی
• 31. ساخت نمودار دایره‌ای (پای چارت)
• 32. ساخت نمودار دونات (رینگ چارت)
• 33. ساخت نمودار رادار
• 34. ساخت نمودار هیستوگرام
• 35. ساخت نمودار جعبه‌ای (باکس پلات)
• 36. ساخت نمودار نقشه حرارتی
• 37. مقدمه‌ای بر تعاملات
• 38. رویدادهای ماوس
• 39. رویدادهای کلیک
• 40. رویدادهای هاور
• 41. انیمیشن در D3.js
• 42. تغییرات تدریجی (Transitions)
• 43. تغییر مقادیر در طول زمان
• 44. تغییر موقعیت و اندازه
• 45. تغییر رنگ و استایل
• 46. انیمیشن‌های سفارشی
• 47. مقدمه‌ای بر چیدمان‌ها (Layouts)
• 48. چیدمان درختی (Tree Layout)
• 49. چیدمان خوشه‌ای (Cluster Layout)
• 50. چیدمان دایره‌ای (Circle Layout)
• 51. چیدمان شعاعی (Radial Layout)
• 52. چیدمان گرافی (Graph Layout)
• 53. چیدمان گره‌ای (Force Layout)
• 54. کار با گره‌ها و یال‌ها
• 55. تنظیمات چیدمان گره‌ای
• 56. مقدمه‌ای بر نقشه‌ها
• 57. کار با داده‌های جغرافیایی GeoJSON
• 58. رسم شکل‌های جغرافیایی
• 59. نمایش نقاط بر روی نقشه
• 60. تبدیل مختصات جغرافیایی
• 61. استفاده از Projectionها
• 62. مقدمه‌ای بر داشبوردها
• 63. اصول طراحی داشبورد
• 64. انتخاب نمودارهای مناسب
• 65. سازماندهی المان‌ها
• 66. ایجاد فیلترها و کنترل‌ها
• 67. فیلتر کردن داده‌ها با استفاده از سلکتورها
• 68. فیلتر کردن داده‌ها با استفاده از اسلایدرها
• 69. فیلتر کردن داده‌ها با استفاده از تاریخ
• 70. ایجاد ابزارهای راهنما (Tooltips)
• 71. نمایش اطلاعات جزئی در Tooltips
• 72. سفارشی‌سازی ظاهر Tooltips
• 73. طراحی واکنش‌گرا (Responsive Design)
• 74. سازگاری با اندازه‌های مختلف صفحه
• 75. استفاده از واحدهای نسبی
• 76. تست و بهینه‌سازی داشبورد
• 77. اصول دسترسی‌پذیری (Accessibility)
• 78. استفاده از ARIA Attributes
• 79. بهینه‌سازی برای صفحه‌خوان‌ها
• 80. کار با کتابخانه‌های کمکی D3.js
• 81. استفاده از D3-scale
• 82. استفاده از D3-time
• 83. استفاده از D3-geo
• 84. استفاده از D3-array
• 85. مقدمه‌ای بر الگوهای طراحی داشبورد
• 86. داشبوردهای مدیریتی
• 87. داشبوردهای تحلیلی
• 88. داشبوردهای عملیاتی
• 89. بررسی نمونه‌های موفق داشبورد
• 90. اصول بصری‌سازی داده‌های مالی
• 91. اصول بصری‌سازی داده‌های فروش
• 92. اصول بصری‌سازی داده‌های بازاریابی
• 93. اصول بصری‌سازی داده‌های عملکردی
• 94. انتخاب رنگ‌های مناسب در داشبورد
• 95. استفاده از تایپوگرافی در داشبورد
• 96. مدیریت پیچیدگی در داشبوردهای بزرگ
• 97. نکات تکمیلی در D3.js
• 98. بهینه‌سازی عملکرد D3.js
• 99. اشکال‌زدایی (Debugging) در D3.js
• 100. جمع‌بندی و پروژه‌های عملی