دوره خلق تجسم‌های خلاقانه و تجارب تعاملی با p5.js همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره خلق تجسم‌های خلاقانه و تجارب تعاملی با p5.js

موضوع کلی: هنر و خلاقیت دیجیتال

موضوع میانی: برنامه‌نویسی خلاق و بصری‌سازی داده

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

• 1. مقدمه بر کدنویسی خلاق و p5.js
• 2. آشنایی با محیط توسعه p5.js
• 3. اصول اولیه طراحی بصری در p5.js
• 4. رسم اشکال هندسی پایه
• 5. کار با رنگ‌ها و پالت‌های رنگی
• 6. تغییر ویژگی‌های اشکال (ضخامت خط، پر کردن)
• 7. مفاهیم مختصات در فضای دوبعدی
• 8. ایجاد و مدیریت اشیاء گرافیکی
• 9. انیمیشن در p5.js: فریم به فریم
• 10. تغییر پارامترهای بصری در طول زمان
• 11. ایجاد حرکات نرم و پیوسته
• 12. استفاده از توابع ریاضی برای انیمیشن
• 13. مقدمه بر تعامل کاربر
• 14. دریافت ورودی از ماوس
• 15. دریافت ورودی از صفحه کلید
• 16. ایجاد عناصر تعاملی در صفحه
• 17. تغییر رفتار بصری بر اساس ورchange
• 18. کار با رویدادهای ماوس (کلیک، حرکت)
• 19. کار با رویدادهای صفحه کلید (فشار کلید)
• 20. مفاهیم اولیه داده و بصری‌سازی
• 21. انواع داده‌های مورد نیاز برای بصری‌سازی
• 22. اصول نمایش داده‌های عددی
• 23. نمایش نمودارهای میله‌ای ساده
• 24. نمایش نمودارهای خطی ساده
• 25. نمایش نمودارهای دایره‌ای ساده
• 26. کار با آرایه‌ها برای داده‌های تکراری
• 27. ایجاد الگوهای تکرارشونده با کد
• 28. تکنیک‌های تکرار در طراحی بصری
• 29. استفاده از حلقه‌های for برای خلق الگو
• 30. استفاده از حلقه‌های while برای کنترل جریان
• 31. تولید اعداد تصادفی و کاربردهای آن
• 32. ایجاد تنوع و غیرقابل پیش‌بینی بودن
• 33. تولید الگوهای تصادفی پیچیده
• 34. مقدمه بر سیستم‌های ذرات
• 35. ایجاد و مدیریت ذرات
• 36. حرکت و رفتار ذرات
• 37. تعامل ذرات با یکدیگر
• 38. ایجاد جلوه‌های ویژه با ذرات
• 39. سیستم‌های ذرات در بصری‌سازی داده
• 40. مقدمه بر ساختارهای داده پیشرفته
• 41. کار با اشیاء (Objects) در جاوا اسکریپت
• 42. سازماندهی داده‌ها با اشیاء
• 43. ارتباط بین اشیاء
• 44. مفاهیم شی‌گرایی پایه
• 45. کلاس‌ها و نمونه‌سازی اشیاء
• 46. مقدمه بر الگوریتم‌های تولیدی
• 47. الگوریتم‌های مبتنی بر شبکه‌ها
• 48. الگوریتم‌های مبتنی بر گرانش
• 49. الگوریتم‌های مبتنی بر رشد
• 50. پیاده‌سازی الگوریتم‌های ساده تولیدی
• 51. بصری‌سازی خروجی الگوریتم‌های تولیدی
• 52. مقدمه بر تصاویر و متن در p5.js
• 53. بارگذاری و نمایش تصاویر
• 54. تغییر و پردازش تصاویر
• 55. استفاده از متن در طراحی‌های خلاقانه
• 56. ترکیب متن و تصویر
• 57. مقدمه بر ارتباط با داده‌های خارجی
• 58. دریافت داده از فایل‌های CSV
• 59. دریافت داده از APIهای ساده
• 60. بصری‌سازی داده‌های دریافتی از منابع خارجی
• 61. مقدمه بر طراحی رابط کاربری تعاملی
• 62. ایجاد دکمه‌ها و اسلایدرها
• 63. کنترل پارامترهای برنامه با رابط کاربری
• 64. طراحی رابط کاربری با p5.js
• 65. مقدمه بر تکنیک‌های پیشرفته انیمیشن
• 66. انیمیشن‌های مبتنی بر فیزیک
• 67. شبیه‌سازی حرکت اجسام
• 68. استفاده از توابع گرافیکی پیچیده‌تر
• 69. بهینه‌سازی عملکرد کد برای انیمیشن‌های سنگین
• 70. مقدمه بر معماری اطلاعات بصری
• 71. اصول طراحی بصری موثر
• 72. ارتباط بین اطلاعات و نمایش بصری
• 73. انتخاب نوع نمودار مناسب
• 74. ارزیابی کیفیت بصری‌سازی داده
• 75. مبانی کدنویسی امن و پایدار
• 76. استانداردهای کدنویسی در p5.js
• 77. مدیریت خطا در برنامه‌های تعاملی
• 78. تست و اشکال‌زدایی برنامه‌های بصری
• 79. مقدمه بر پروژه‌های خلاقانه با p5.js
• 80. مطالعه موردی پروژه‌های موفق
• 81. طراحی یک پروژه شخصی
• 82. پیاده‌سازی بخش‌هایی از پروژه شخصی
• 83. جمع‌بندی و گام‌های بعدی در کدنویسی خلاق
• 84. کارگاه عملی: بصری‌سازی داده‌های آماری ساده
• 85. کارگاه عملی: ساخت یک بازی ساده تعاملی
• 86. کارگاه عملی: خلق یک اثر هنری تولیدی
• 87. کارگاه عملی: شبیه‌سازی یک پدیده طبیعی
• 88. کارگاه عملی: طراحی یک رابط کاربری خلاقانه
• 89. مقدمه بر اصول زیبایی‌شناسی در طراحی دیجیتال
• 90. رنگ‌شناسی در طراحی بصری
• 91. ترکیب‌بندی در هنرهای دیجیتال
• 92. تایپوگرافی و کاربرد آن در p5.js
• 93. اصول گشتالت و تاثیر آن در طراحی
• 94. مقدمه بر مفاهیم پیشرفته‌تر بصری‌سازی
• 95. کار با داده‌های سه‌بعدی (محدود)
• 96. شبیه‌سازی‌های ساده فیزیکی
• 97. اصول تعامل انسان و کامپیوتر در طراحی
• 98. ملاحظات اخلاقی در بصری‌سازی داده
• 99. کاربرد p5.js در نمایش اطلاعات عمومی
• 100. طراحی داشبوردهای اطلاعاتی ساده