فلش‌کارت‌های آموزشی استفاده از Electron Fiddle برای نمونه سازی سریع

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

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

عنوان دوره: دوره استفاده از Electron Fiddle برای نمونه سازی سریع

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

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

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

• 1. مقدمه‌ای بر برنامه‌نویسی دسکتاپ
• 2. چرا Electron؟ مزایا و کاربردها
• 3. ساختار یک برنامه Electron (Main و Renderer)
• 4. معرفی Electron Fiddle: ابزار نمونه‌سازی سریع
• 5. نصب و راه‌اندازی Electron Fiddle
• 6. مرور رابط کاربری Electron Fiddle
• 7. آشنایی با پنل‌های Code، Output و Editor
• 8. اولین "Hello World" در Electron Fiddle
• 9. اجرا و تست یک Fiddle ساده
• 10. ذخیره و بارگذاری Fiddleها
• 11. مفهوم Main Process در Electron
• 12. مفهوم Renderer Process در Electron
• 13. ارتباط بین Main و Renderer (IPC)
• 14. ارسال پیام از Renderer به Main با `ipcRenderer`
• 15. دریافت و پاسخ به پیام‌ها در Main با `ipcMain`
• 16. ارسال پیام از Main به Renderer
• 17. دریافت پیام‌ها در Renderer از Main
• 18. IPC همزمان در مقابل غیرهمزمان (Sync vs Async)
• 19. اسکریپت‌های Preload: مقدمه و ضرورت
• 20. استفاده امن از Preload برای دسترسی به Node.js APIs
• 21. جداسازی Context (Context Isolation) و اهمیت آن
• 22. مرورگر Chromium در Electron
• 23. Node.js در Electron Fiddle
• 24. مرور کلی Electron APIها
• 25. استفاده از HTML برای ساخت رابط کاربری
• 26. استفاده از CSS برای استایل‌دهی در Electron
• 27. جاوااسکریپت برای تعامل با DOM
• 28. ایجاد دکمه‌ها و المان‌های تعاملی
• 29. مدیریت رویدادهای کاربری (کلیک، تایپ)
• 30. ساخت یک رابط کاربری ساده با Fiddle
• 31. استفاده از DevTools (ابزارهای توسعه‌دهنده)
• 32. دیباگ کردن Renderer Process
• 33. دیباگ کردن Main Process در Fiddle
• 34. بازرسی و پروفایل‌سازی عملکرد
• 35. Electron Fiddle و نسخه‌های مختلف Electron
• 36. مدیریت وابستگی‌ها با `package.json` در Fiddle
• 37. نصب بسته‌های NPM در Fiddle
• 38. استفاده از بسته‌های NPM در پروژه Fiddle
• 39. مثال: افزودن یک کتابخانه UI ساده (مثل Bootstrap)
• 40. ایجاد و مدیریت پنجره‌های مرورگر (`BrowserWindow`)
• 41. تنظیمات اولیه پنجره: ابعاد، عنوان، قابل تغییر اندازه
• 42. بارگذاری محتوا در پنجره (URL یا فایل HTML)
• 43. مدیریت رویدادهای پنجره (بسته‌شدن، فوکوس)
• 44. ایجاد پنجره‌های فرزند (Child Windows)
• 45. دیالوگ‌های سیستمی: `showMessageBox`
• 46. دیالوگ‌های سیستمی: `showOpenDialog`
• 47. دیالوگ‌های سیستمی: `showSaveDialog`
• 48. ساخت منوی برنامه (Application Menu)
• 49. آیتم‌های منو و میانبرهای کیبورد
• 50. منوی Context (Right-Click Menu)
• 51. آیکون سینی سیستم (Tray Icon)
• 52. تعامل با آیکون سینی (کلیک، منو)
• 53. ارسال نوتیفیکیشن‌های دسکتاپ (`Notification` API)
• 54. استفاده از Clipboard API (کپی/پیست)
• 55. Shell API: باز کردن فایل‌ها و لینک‌ها
• 56. اطلاعات سیستم با `app` module
• 57. مدیریت چرخه حیات برنامه (`app` events)
• 58. ذخیره‌سازی داده‌های ساده با `localStorage`
• 59. معرفی `electron-store` برای پیکربندی (مفاهیم)
• 60. استفاده از `webview` tag برای نمایش محتوای وب
• 61. کنترل ناوبری `webview`
• 62. ارتباط با `webview` از طریق IPC
• 63. ساخت درخواست‌های HTTP از Renderer
• 64. ساخت درخواست‌های HTTP از Main (امنیت)
• 65. واکشی داده از یک API عمومی
• 66. نمایش داده‌های API در رابط کاربری
• 67. مدیریت خطاهای شبکه
• 68. CORS و امنیت در Electron
• 69. پروتوتایپ یک برنامه لیست کارها (To-Do List)
• 70. اضافه کردن، حذف و علامت‌گذاری کارها
• 71. ذخیره‌سازی وضعیت To-Do List
• 72. پروتوتایپ یک ماشین حساب ساده
• 73. طراحی رابط کاربری ماشین حساب
• 74. پیاده‌سازی منطق عملیات‌های ریاضی
• 75. پروتوتایپ یک مرورگر فایل ساده
• 76. نمایش لیست فایل‌ها و پوشه‌ها
• 77. باز کردن فایل‌ها با برنامه پیش‌فرض
• 78. پروتوتایپ یک پنل تنظیمات برنامه
• 79. ذخیره‌سازی و بارگذاری تنظیمات
• 80. پروتوتایپ یک ویرایشگر Markdown ساده
• 81. نمایش پیش‌نمایش Markdown
• 82. پروتوتایپ یک برنامه با آیکون سینی
• 83. افزودن یک منوی Context به آیکون سینی
• 84. پروتوتایپ یک ابزار اسکرین‌شات (مفاهیم اولیه)
• 85. گرفتن اسکرین‌شات (مفاهیم API)
• 86. پروتوتایپ یک برنامه یادآور با نوتیفیکیشن
• 87. تنظیم زمان برای نوتیفیکیشن
• 88. پروتوتایپ یک برنامه نمایش وضعیت آب و هوا
• 89. واکشی داده آب و هوا از API
• 90. نمایش اطلاعات به کاربر
• 91. بهترین شیوه‌ها برای کدنویسی در Electron Fiddle
• 92. سازماندهی کد و ماژولار کردن پروژه
• 93. بهینه‌سازی عملکرد برنامه‌های Electron
• 94. کاهش مصرف منابع (CPU, Memory)
• 95. ملاحظات امنیتی در توسعه Electron (اصول)
• 96. Content Security Policy (CSP) در Electron
• 97. اجتناب از `remote` module به دلایل امنیتی
• 98. آماده‌سازی برای انتقال از Fiddle به پروژه کامل
• 99. معرفی ابزارهای ساخت (Packagers) و توزیع
• 100. جمع‌بندی دوره و منابع برای یادگیری بیشتر