فلش‌کارت‌های آموزشی برنامه‌نویسی گرافیکی با Electron برای ساخت اپلیکیشن‌های دسکتاپ

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

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

عنوان دوره: دوره برنامه‌نویسی گرافیکی با Electron برای ساخت اپلیکیشن‌های دسکتاپ

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

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

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

• 1. مقدمه‌ای بر گرافیک کامپیوتری در اپلیکیشن‌های دسکتاپ
• 2. مبانی رندرینگ و نمایش تصویر
• 3. معرفی Electron و معماری آن
• 4. ساخت اولین اپلیکیشن گرافیکی با Electron
• 5. کار با Canvas API در Electron
• 6. رسم اشکال هندسی پایه
• 7. استفاده از Path API برای ترسیم مسیرها
• 8. مدیریت رنگ و استایل در Canvas
• 9. رسم متن و فونت‌ها
• 10. کار با تصاویر در Canvas
• 11. بارگذاری و نمایش تصاویر
• 12. عملیات پایه‌ای روی تصاویر (تغییر اندازه، برش)
• 13. فیلترهای تصویری ساده
• 14. مقدمه‌ای بر انیمیشن در وب
• 15. پیاده‌سازی انیمیشن‌های ساده با Canvas
• 16. استفاده از RequestAnimationFrame برای انیمیشن روان
• 17. انیمیشن‌های مبتنی بر فیزیک ساده
• 18. مقدمه‌ای بر گرافیک سه‌بعدی
• 19. مفاهیم فضای سه‌بعدی (مختصات، دوربین، نور)
• 20. معرفی WebGL
• 21. استفاده از WebGL برای رندرینگ سه‌بعدی
• 22. ساخت و مدیریت بافرها در WebGL
• 23. شیدرها (Vertex و Fragment)
• 24. نوشتن شیدرهای ساده
• 25. کار با ماتریس‌ها و تبدیل‌ها (Translate, Rotate, Scale)
• 26. بارگذاری مدل‌های سه‌بعدی
• 27. مقدمه‌ای بر فرمت‌های مدل سه‌بعدی (OBJ, glTF)
• 28. رندرینگ مدل‌های سه‌بعدی ساده
• 29. کار با نورپردازی در گرافیک سه‌بعدی
• 30. انواع نور (Ambient, Directional, Point)
• 31. تنظیمات نورپردازی در WebGL
• 32. مقدمه‌ای بر تکسچرها در گرافیک سه‌بعدی
• 33. بارگذاری و اعمال تکسچرها
• 34. تکنیک‌های تکسچرینگ پیشرفته
• 35. مدیریت منابع گرافیکی
• 36. بهینه‌سازی عملکرد رندرینگ
• 37. تکنیک‌های Anti-aliasing
• 38. مدیریت حافظه در Electron
• 39. کار با ماژول‌های Node.js در Electron
• 40. یکپارچه‌سازی کتابخانه‌های گرافیکی جاوااسکریپت
• 41. مقدمه‌ای بر Three.js
• 42. ساخت صحنه و دوربین در Three.js
• 43. رندرینگ اشکال هندسی با Three.js
• 44. کار با نورپردازی در Three.js
• 45. استفاده از مدل‌های سه‌بعدی با Three.js
• 46. اعمال تکسچرها با Three.js
• 47. انیمیشن با Three.js
• 48. استفاده از کنترلرها برای دوربین
• 49. مقدمه‌ای بر فریم‌ورک‌های UI گرافیکی
• 50. کار با کتابخانه‌های UI سازگار با Electron
• 51. ساخت رابط کاربری گرافیکی پیچیده
• 52. پیاده‌سازی عناصر تعاملی گرافیکی
• 53. مدیریت رویدادهای ورودی (ماوس، کیبورد)
• 54. مدیریت پنجره‌ها و تب‌ها در Electron
• 55. ارتباط بین فرآیندهای Electron (Main و Renderer)
• 56. ذخیره‌سازی و بارگذاری داده‌های گرافیکی
• 57. مقدمه‌ای بر فرمت‌های برداری (SVG)
• 58. استفاده از SVG در Electron
• 59. کار با کتابخانه‌های SVG
• 60. رندرینگ SVG در Canvas
• 61. مقدمه‌ای بر ویرایشگرهای گرافیکی
• 62. طراحی یک ویرایشگر ساده
• 63. پیاده‌سازی ابزارهای ترسیم
• 64. مدیریت لایه‌ها در ویرایشگر
• 65. ذخیره و بارگذاری فرمت‌های سفارشی
• 66. مقدمه‌ای بر جلوه‌های ویژه گرافیکی
• 67. پیاده‌سازی جلوه‌های ساده (Blur, Glow)
• 68. استفاده از Framebuffer Objects (FBO)
• 69. تکنیک‌های Post-processing
• 70. مقدمه‌ای بر گرافیک بازی
• 71. مفاهیم پایه گرافیک بازی
• 72. پیاده‌سازی سیستم حرکت کاراکتر
• 73. مقدمه‌ای بر هوش مصنوعی ساده در بازی
• 74. مدیریت صحنه‌های بازی
• 75. کار با صدا در اپلیکیشن‌های Electron
• 76. مقدمه‌ای بر طراحی تجربه کاربری (UX) گرافیکی
• 77. اصول طراحی رابط کاربری (UI) گرافیکی
• 78. تست و دیباگ کردن اپلیکیشن‌های گرافیکی
• 79. بهینه‌سازی نهایی برنامه
• 80. مستندسازی کد گرافیکی
• 81. معرفی ابزارهای توسعه گرافیکی
• 82. آخرین روندها در گرافیک اپلیکیشن‌های دسکتاپ
• 83. نکات امنیتی در اپلیکیشن‌های Electron
• 84. انتشار و توزیع اپلیکیشن‌های Electron
• 85. پروژه‌های عملی و کاربردی
• 86. ساخت یک گالری تصاویر با افکت
• 87. طراحی یک ابزار ویرایشگر ساده تصاویر
• 88. پیاده‌سازی یک اپلیکیشن نمایشی مدل سه‌بعدی
• 89. ساخت بازی ساده دو بعدی
• 90. توسعه یک اپلیکیشن آموزشی گرافیکی
• 91. پروژه نهایی: ساخت اپلیکیشن گرافیکی کامل