دوره بصری‌سازی داده در دنیای وب همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره بصری‌سازی داده در دنیای وب

موضوع کلی: برنامه نویسی

موضوع میانی: بصری‌سازی داده (Data Visualization)

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

• 1. مبانی بصری‌سازی داده
• 2. چرا بصری‌سازی داده مهم است؟
• 3. کاربرد بصری‌سازی داده در دنیای وب
• 4. انواع بصری‌سازی داده
• 5. مبانی طراحی بصری
• 6. اصول اولیه رنگ در بصری‌سازی
• 7. نور و کنتراست در بصری‌سازی
• 8. استفاده از شکل و اندازه در بصری‌سازی
• 9. اهمیت تایپوگرافی در بصری‌سازی
• 10. انتخاب نوع نمودار مناسب
• 11. نمودارهای میله‌ای (Bar Charts)
• 12. نمودارهای خطی (Line Charts)
• 13. نمودارهای پراکندگی (Scatter Plots)
• 14. نمودارهای دایره‌ای (Pie Charts)
• 15. نمودارهای هیستوگرام (Histograms)
• 16. نمودارهای جعبه‌ای (Box Plots)
• 17. نمودارهای نقشه حرارتی (Heatmaps)
• 18. نمودارهای نقشه درختی (Treemaps)
• 19. نمودارهای گراف (Graphs/Network Diagrams)
• 20. نمودارهای لایه لایه (Layered Charts)
• 21. نمودارهای سنجاقی (Bullet Charts)
• 22. نمودارهای جریان (Flow Charts)
• 23. نمودارهای سناریو (Scenario Charts)
• 24. نمودارهای سنجش (Gauge Charts)
• 25. نمودارهای شاخص (Indicator Charts)
• 26. نمودارهای سه بعدی (3D Charts)
• 27. نمودارهای تعاملی (Interactive Charts)
• 28. مبانی وب و HTML
• 29. HTML چیست؟
• 30. ساختار اولیه صفحات وب
• 31. تگ‌های اساسی HTML
• 32. آشنایی با CSS
• 33. CSS چیست؟
• 34. کاربرد CSS در وب
• 35. نحوه اتصال CSS به HTML
• 36. اصول اولیه CSS
• 37. متغیرها در CSS
• 38. استفاده از فونت در وب
• 39. اصول انتخابگرها (Selectors) در CSS
• 40. سبک‌دهی به عناصر HTML
• 41. واکنش‌گرایی (Responsiveness) در وب
• 42. اصول طراحی واکنش‌گرا
• 43. نکات مهم در طراحی واکنش‌گرا
• 44. معرفی JavaScript
• 45. JavaScript چیست؟
• 46. کاربرد JavaScript در وب
• 47. نحوه اتصال JavaScript به HTML
• 48. مبانی جاوا اسکریپت
• 49. متغیرها و انواع داده در JavaScript
• 50. عملگرها در JavaScript
• 51. ساختارهای شرطی (If/Else)
• 52. حلقه‌ها (Loops) در JavaScript
• 53. توابع (Functions) در JavaScript
• 54. دستکاری DOM (Document Object Model)
• 55. انتخاب عناصر DOM
• 56. تغییر محتوا و سبک عناصر
• 57. مدیریت رویدادها (Event Handling)
• 58. مبانی گرافیک در وب
• 59. Canvas API چیست؟
• 60. رسم اشکال پایه با Canvas
• 61. تعبیه تصاویر در Canvas
• 62. انیمیشن با Canvas
• 63. SVG چیست؟
• 64. مبانی SVG
• 65. رسم اشکال با SVG
• 66. انیمیشن با SVG
• 67. قابلیت‌های SVG برای بصری‌سازی
• 68. مقدمه‌ای بر کتابخانه‌های بصری‌سازی داده در وب
• 69. چرا از کتابخانه‌ها استفاده می‌کنیم؟
• 70. مقایسه کتابخانه‌های محبوب
• 71. معرفی D3.js
• 72. D3.js چیست؟
• 73. مبانی D3.js
• 74. کاربرد D3.js برای بصری‌سازی
• 75. مفاهیم کلیدی D3.js (Data Binding, Selections)
• 76. ایجاد نمودار میله‌ای با D3.js
• 77. ایجاد نمودار خطی با D3.js
• 78. ایجاد نمودار پراکندگی با D3.js
• 79. تعاملی‌سازی نمودارها با D3.js
• 80. انیمیشن در D3.js
• 81. استفاده از داده‌های خارجی در D3.js (CSV, JSON)
• 82. معرفی Chart.js
• 83. Chart.js چیست؟
• 84. نصب و استفاده از Chart.js
• 85. ایجاد انواع نمودار با Chart.js
• 86. تنظیمات و سفارشی‌سازی نمودارها در Chart.js
• 87. تعاملی‌سازی با Chart.js
• 88. معرفی Plotly.js
• 89. Plotly.js چیست؟
• 90. نصب و استفاده از Plotly.js
• 91. انواع نمودارهای Plotly.js
• 92. قابلیت‌های پیشرفته Plotly.js
• 93. آموزش عملی: ساخت داشبورد بصری‌سازی ساده
• 94. انتخاب ابزار و کتابخانه
• 95. جمع‌آوری و آماده‌سازی داده‌های نمونه
• 96. طراحی ساختار داشبورد
• 97. پیاده‌سازی نمودار اول
• 98. پیاده‌سازی نمودار دوم
• 99. اضافه کردن قابلیت‌های تعاملی
• 100. تنظیمات نهایی و واکنش‌گرایی