فلش‌کارت‌های آموزشی الکترون و پردازش تصویر: ساخت اپلیکیشن‌های ویرایش و پردازش تصویر

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

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

عنوان دوره: دوره الکترون و پردازش تصویر: ساخت اپلیکیشن‌های ویرایش و پردازش تصویر

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

موضوع میانی: الکترون (Electron)

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

• 1. مقدمه‌ای بر برنامه نویسی
• 2. مبانی جاوا اسکریپت (JavaScript)
• 3. مبانی HTML و CSS
• 4. مقدمه‌ای بر محیط توسعه (IDE)
• 5. نصب Node.js و npm
• 6. آشنایی با مفاهیم توسعه اپلیکیشن دسکتاپ
• 7. معرفی فریم‌ورک Electron
• 8. چرا Electron؟ مزایا و معایب
• 9. نصب و پیکربندی Electron
• 10. ساختار پروژه Electron
• 11. فایل package.json در Electron
• 12. فایل main.js (پروسه اصلی)
• 13. فایل preload.js (پروسه پیش بارگذاری)
• 14. فایل renderer.js (پروسه رندرینگ)
• 15. مفاهیم پروسه اصلی و پروسه رندرینگ
• 16. ارتباط بین پروسه‌ها (IPC)
• 17. رویدادهای IPC (Send, On, Invoke, Handle)
• 18. ساخت اولین اپلیکیشن ساده Electron
• 19. مدیریت پنجره‌ها (BrowserWindow)
• 20. رویدادهای پنجره (Ready-to-show, Closed)
• 21. تنظیمات پنجره (width, height, frame, resizable)
• 22. ایجاد منو در Electron
• 23. منوهای قابل تنظیم (Custom Menus)
• 24. منوهای استاندارد (File, Edit, View)
• 25. استفاده از میانبرهای صفحه کلید
• 26. مدیریت رویدادهای کیبورد
• 27. پشتیبانی از پنجره‌های شفاف (Transparent Windows)
• 28. استفاده از آیکون در نوار عنوان و Dock
• 29. ایجاد نوتیفیکیشن (Notifications)
• 30. مدیریت دیالوگ‌ها (Dialogs)
• 31. نمایش فایل‌ها و پوشه‌ها (File Explorer)
• 32. ذخیره فایل‌ها (Save File Dialog)
• 33. بارگذاری فایل‌ها (Open File Dialog)
• 34. مدیریت فرم‌ها در Electron
• 35. اعتبار سنجی ورودی‌های فرم
• 36. ذخیره‌سازی تنظیمات اپلیکیشن (Local Storage)
• 37. کوکی‌ها (Cookies) در Electron
• 38. مدیریت حافظه موقت (Cache)
• 39. استفاده از LocalDatabase (IndexedDB)
• 40. مقدمه‌ای بر پردازش تصویر (Image Processing)
• 41. مفاهیم پایه پیکسل و رنگ (RGB, RGBA, Grayscale)
• 42. تغییر اندازه (Resizing) تصاویر
• 43. برش (Cropping) تصاویر
• 44. چرخش (Rotation) تصاویر
• 45. بازتاب (Flipping) تصاویر
• 46. تنظیم روشنایی (Brightness)
• 47. تنظیم کنتراست (Contrast)
• 48. تنظیم اشباع رنگ (Saturation)
• 49. اعمال فیلترهای ساده (Blur, Sharpen)
• 50. تبدیل تصاویر به سیاه و سفید (Grayscale)
• 51. تغییر فرمت تصاویر (JPEG, PNG, BMP)
• 52. بارگذاری و نمایش تصاویر در Electron
• 53. نحوه دسترسی به فایل‌های تصویری از سیستم کاربر
• 54. استفاده از Canvas API برای پردازش تصویر
• 55. رسم اشکال هندسی روی تصاویر
• 56. اعمال ماسک (Masking) روی تصاویر
• 57. آشنایی با کتابخانه‌های پردازش تصویر در جاوا اسکریپت
• 58. معرفی کتابخانه Jimp
• 59. نصب و استفاده از Jimp
• 60. بارگذاری تصاویر با Jimp
• 61. تغییر اندازه با Jimp
• 62. برش با Jimp
• 63. چرخش با Jimp
• 64. فیلترهای پایه در Jimp
• 65. کار با رنگ‌ها در Jimp
• 66. ذخیره تصاویر با Jimp
• 67. معرفی کتابخانه Fabric.js
• 68. نصب و استفاده از Fabric.js
• 69. ایجاد اشیاء تصویری با Fabric.js
• 70. تغییر ویژگی‌های اشیاء
• 71. اعمال فیلترهای تصویری با Fabric.js
• 72. مدیریت لایه‌ها (Layers) در Fabric.js
• 73. ایجاد ابزار انتخاب (Selection Tool)
• 74. ایجاد ابزار قلم (Brush Tool)
• 75. ایجاد ابزار پاک‌کن (Eraser Tool)
• 76. مدیریت Undo/Redo
• 77. پیاده‌سازی قابلیت Undo/Redo با History
• 78. ذخیره و بارگذاری وضعیت Canvas
• 79. ساخت ابزار تنظیمات رنگ (Color Adjustment Tools)
• 80. پیاده‌سازی ابزار Brightness/Contrast
• 81. پیاده‌سازی ابزار Saturation
• 82. پیاده‌سازی ابزار Hue
• 83. اعمال فیلترهای پیچیده‌تر (مانند Gaussian Blur)
• 84. پیاده‌سازی فیلتر Sharpen
• 85. فیلتر Emboss
• 86. فیلتر Edge Detection
• 87. ذخیره پروژه ویرایش تصویر
• 88. ساخت دکمه‌های UI برای دستورات
• 89. مدیریت رویدادهای UI
• 90. پیاده‌سازی قابلیت Drag and Drop برای تصاویر
• 91. بهبود تجربه کاربری (UX)
• 92. مدیریت خطاهای بارگذاری تصویر
• 93. نمایش وضعیت پردازش (Loading Indicators)
• 94. بهینه‌سازی عملکرد اپلیکیشن
• 95. استفاده از Worker Threads برای پردازش‌های سنگین
• 96. انتشار (Packaging) اپلیکیشن Electron
• 97. معرفی ابزار Electron Forge
• 98. پیکربندی Electron Forge
• 99. ساخت Installer برای ویندوز
• 100. ساخت Installer برای macOS