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

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

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

عنوان دوره: دوره آموزش جامع p5.js: مبانی طراحی خلاقانه با کد

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

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

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

• 1. مبانی p5.js: مقدمه‌ای بر طراحی خلاقانه با کد
• 2. چرا p5.js؟ معرفی کتابخانه و کاربردهای آن
• 3. نصب و راه‌اندازی محیط توسعه p5.js
• 4. اولین برنامه: رسم یک نقطه ساده
• 5. مفهوم مختصات در p5.js
• 6. رسم اشکال هندسی پایه: خط، مربع، دایره
• 7. رنگ‌آمیزی اشکال: مقادیر RGB و HSB
• 8. شفافیت و کانال آلفا
• 9. تنظیم رنگ پس‌زمینه (background)
• 10. توابع پیش‌فرض p5.js: setup() و draw()
• 11. حلقه رسم (draw loop) و نرخ فریم (frame rate)
• 12. تغییر اندازه بوم (canvas)
• 13. توابع ریاضی پرکاربرد در p5.js
• 14. ایجاد متغیرها و انواع داده
• 15. کار با اعداد صحیح و اعشاری
• 16. دستورات شرطی: if, else if, else
• 17. عملگرهای مقایسه‌ای و منطقی
• 18. حلقه‌های تکرار: for, while
• 19. آرایه‌ها: ذخیره‌سازی مجموعه‌ای از داده‌ها
• 20. توابع: تعریف و فراخوانی
• 21. پاس دادن آرگومان به توابع
• 22. بازگرداندن مقدار از توابع
• 23. مفهوم شیءگرایی در p5.js (مقدماتی)
• 24. کلاس‌ها و اشیاء: ساختاردهی کد
• 25. ایجاد نمونه‌های جدید از کلاس‌ها
• 26. توابع سازنده (constructor)
• 27. متغیرهای نمونه (instance variables)
• 28. متدهای کلاس (methods)
• 29. مفهوم انیمیشن در p5.js
• 30. حرکت اشیاء در صفحه
• 31. تغییر موقعیت بر اساس زمان
• 32. استفاده از متغیرهای سراسری برای انیمیشن
• 33. توابع کمکی برای انیمیشن
• 34. ایجاد توهم حرکت با تغییر تدریجی رنگ
• 35. توابع زمان‌بندی: millis()
• 36. توابع تصادفی: random()
• 37. تولید اعداد تصادفی در بازه‌های مشخص
• 38. شبیه‌سازی رفتار تصادفی
• 39. تحلیل داده‌های تصادفی
• 40. کار با ورودی ماوس
• 41. موقعیت ماوس: mouseX, mouseY
• 42. رویدادهای کلیک ماوس: mousePressed(), mouseReleased()
• 43. تغییر شکل بر اساس موقعیت ماوس
• 44. استفاده از ماوس برای کنترل انیمیشن
• 45. کار با ورودی کیبورد
• 46. رویدادهای فشردن کلید: keyPressed(), keyReleased()
• 47. کد کلیدها: keyCode
• 48. تغییر رفتار برنامه بر اساس ورودی کیبورد
• 49. ایجاد بازی‌های ساده با کیبورد
• 50. مفهوم بردار (vector) در p5.js
• 51. عملیات برداری: جمع، تفریق، ضرب در عدد
• 52. نرمال‌سازی بردارها
• 53. کاربرد بردارها در حرکت و جهت‌دهی
• 54. شبیه‌سازی فیزیک ساده با بردارها
• 55. نیروها و شتاب
• 56. قانون دوم نیوتن (F=ma)
• 57. بردار سرعت و موقعیت
• 58. شبیه‌سازی بازگشت (bounce)
• 59. پیاده‌سازی جاذبه
• 60. مقدمه‌ای بر گرافیک تعاملی
• 61. طراحی رابط‌های کاربری ساده
• 62. ایجاد دکمه‌های تعاملی
• 63. اسلایدرها و کنترل‌کننده‌های دیگر
• 64. تجسم داده‌ها با p5.js
• 65. رسم نمودارهای میله‌ای (bar chart)
• 66. رسم نمودارهای خطی (line chart)
• 67. رسم نمودارهای دایره‌ای (pie chart)
• 68. استفاده از داده‌های خارجی (CSV, JSON)
• 69. بارگذاری فایل‌های داده
• 70. پردازش داده‌های بارگذاری شده
• 71. نمایش اطلاعات بر اساس داده‌ها
• 72. مفهوم تصاویر (images) در p5.js
• 73. بارگذاری تصاویر
• 74. نمایش تصاویر در بوم
• 75. تغییر اندازه و موقعیت تصاویر
• 76. برش دادن تصاویر
• 77. ترکیب تصاویر
• 78. کار با متن (text)
• 79. نوشتن متن در بوم
• 80. تنظیم فونت، اندازه و رنگ متن
• 81. تراز کردن متن
• 82. ایجاد افکت‌های متنی
• 83. مقدمه‌ای بر صدا (sound) در p5.js
• 84. بارگذاری فایل‌های صوتی
• 85. پخش و توقف صدا
• 86. کنترل بلندی صدا
• 87. ایجاد افکت‌های صوتی ساده
• 88. مقدمه‌ای بر پردازش تصویر (image processing)
• 89. پیکسل‌ها و دسترسی به آن‌ها
• 90. تغییر رنگ پیکسل‌ها
• 91. اعمال فیلترهای ساده بر روی تصاویر
• 92. ایجاد افکت‌های هنری با پردازش تصویر
• 93. مقدمه‌ای بر شبکه‌سازی در p5.js (مباحث مجاز)
• 94. ارسال و دریافت پیام‌های ساده (مثال‌های آموزشی)
• 95. همگام‌سازی وضعیت بین کلاینت‌ها (مثال‌های آموزشی)
• 96. طراحی بازی‌های چندنفره ساده (مثال‌های آموزشی)
• 97. استفاده از کتابخانه‌های کمکی p5.js
• 98. معرفی چند کتابخانه پرکاربرد
• 99. نصب و استفاده از کتابخانه‌های خارجی
• 100. پروژه‌های عملی و نمونه‌های پیشرفته