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

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

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

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

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

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

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

• 1. مقدمه: الکترون چیست و چرا از آن برای ساخت ویرایشگر متن استفاده می‌کنیم؟
• 2. پیش‌نیازها: مروری بر HTML, CSS و JavaScript مدرن
• 3. نصب و راه‌اندازی محیط توسعه: Node.js و npm/yarn
• 4. راه‌اندازی اولین پروژه الکترون با استفاده از تمپلیت
• 5. ساختار یک اپلیکیشن الکترون: package.json و فایل main.js
• 6. آشنایی با فرآیند اصلی (Main Process) و فرآیند رندر (Renderer Process)
• 7. ایجاد اولین پنجره برنامه با ماژول BrowserWindow
• 8. بارگذاری یک فایل HTML در پنجره اپلیکیشن
• 9. استفاده از ابزارهای توسعه‌دهنده (DevTools) برای دیباگ کردن
• 10. ارتباط بین فرآیندها (IPC): مفاهیم پایه
• 11. ارسال پیام از Renderer به Main با ipcRenderer
• 12. دریافت و پاسخ به پیام‌ها در فرآیند Main با ipcMain
• 13. استفاده از اسکریپت‌های Preload برای ارتباط امن بین فرآیندها
• 14. معرفی Context Bridge: روش نوین و امن برای افشای APIها
• 15. چرخه حیات اپلیکیشن و رویدادهای کلیدی ماژول app
• 16. طراحی ساختار پایه ویرایشگر با HTML و CSS Flexbox/Grid
• 17. ایجاد منوی اصلی اپلیکیشن با استفاده از ماژول Menu
• 18. افزودن آیتم‌های استاندارد منو: فایل، ویرایش، راهنما
• 19. تعریف میانبرهای کیبورد (Accelerators) برای آیتم‌های منو
• 20. پیاده‌سازی هسته ویرایشگر با یک عنصر textarea یا کتابخانه ویرایشگر
• 21. استایل‌دهی به محیط ویرایشگر: فونت، رنگ‌بندی و فاصله‌گذاری
• 22. پیاده‌سازی عملکرد "فایل جدید" (New File)
• 23. نمایش دیالوگ باز کردن فایل با استفاده از ماژول dialog
• 24. خواندن محتوای فایل با استفاده از fs API در Node.js
• 25. نمایش محتوای فایل خوانده شده در ویرایشگر
• 26. نمایش دیالوگ ذخیره فایل و دریافت مسیر از کاربر
• 27. ذخیره محتوای ویرایشگر در فایل با استفاده از fs.writeFile
• 28. پیاده‌سازی عملکرد "ذخیره به عنوان..." (Save As)
• 29. مدیریت وضعیت فایل: ذخیره شده یا نشده (Saved/Unsaved State)
• 30. نمایش نشانگر * در عنوان پنجره برای فایل‌های ویرایش شده
• 31. ایجاد نوار وضعیت (Status Bar) برای نمایش اطلاعات
• 32. پیاده‌سازی تم روشن و تاریک (Light/Dark Mode)
• 33. واکنش به تغییرات تم سیستم‌عامل با nativeTheme
• 34. پیاده‌سازی قابلیت Undo و Redo
• 35. پیاده‌سازی جستجوی متن ساده (Simple Find)
• 36. ایجاد UI برای جستجو: فیلد ورودی و دکمه‌ها
• 37. پیاده‌سازی قابلیت "جایگزینی" (Replace) و "جایگزینی همه" (Replace All)
• 38. مقدمه‌ای بر هایلایت کردن سینتکس (Syntax Highlighting)
• 39. انتخاب و ادغام یک کتابخانه ویرایشگر کد مانند CodeMirror یا Monaco
• 40. فعال‌سازی هایلایت سینتکس برای زبان‌های برنامه‌نویسی مختلف
• 41. تشخیص خودکار زبان برنامه‌نویسی بر اساس پسوند فایل
• 42. پیاده‌سازی نمایش شماره خطوط (Line Numbers)
• 43. هایلایت کردن خط فعلی که مکان‌نما در آن قرار دارد
• 44. پیاده‌سازی تورفتگی خودکار (Auto-Indentation)
• 45. تطبیق و هایلایت کردن پرانتزها و براکت‌های جفت (Bracket Matching)
• 46. پیاده‌سازی قابلیت تا کردن کد (Code Folding)
• 47. افزودن قابلیت کامنت/آنکامنت کردن خطوط انتخاب شده
• 48. مدیریت پیشرفته‌تر فایل سیستم با ماژول path
• 49. خواندن و نوشتن فایل‌ها به صورت آسنکرون برای جلوگیری از بلاک شدن UI
• 50. مدیریت انکودینگ‌های مختلف فایل (مانند UTF-8, ANSI)
• 51. طراحی پنل درختی نمایش فایل‌ها و پوشه‌ها (File Explorer)
• 52. خواندن محتویات یک دایرکتوری با fs.readdir
• 53. نمایش ساختار درختی فایل‌ها به صورت بازگشتی
• 54. باز کردن فایل با کلیک بر روی نام آن در درخت فایل
• 55. پیاده‌سازی قابلیت Drag and Drop برای باز کردن فایل‌ها
• 56. ایجاد، تغییر نام و حذف فایل‌ها و پوشه‌ها از طریق UI
• 57. مدیریت لیست فایل‌های اخیر (Recent Files)
• 58. ذخیره و بازیابی لیست فایل‌های اخیر با electron-store
• 59. باز کردن فایل‌ها از طریق آرگومان‌های خط فرمان (Command-Line Arguments)
• 60. یکپارچه‌سازی با منوی راست-کلیک سیستم عامل (Context Menu)
• 61. نمایش اطلاعات فایل (اندازه، تاریخ ویرایش) در نوار وضعیت
• 62. رفرش خودکار درخت فایل‌ها هنگام تغییرات در سیستم فایل
• 63. پیاده‌سازی سیستم تب (Tab System) برای مدیریت چندین فایل باز
• 64. طراحی و استایل‌دهی UI تب‌ها
• 65. مدیریت وضعیت هر تب به صورت مجزا (مسیر فایل، محتوا، وضعیت ذخیره)
• 66. بستن تب‌ها و بررسی تغییرات ذخیره نشده قبل از بستن
• 67. پیاده‌سازی قابلیت ویرایشگر تقسیم صفحه (Split-Screen Editing)
• 68. ایجاد یک پالت دستورات (Command Palette) مانند VS Code
• 69. طراحی و ایجاد یک پنجره مجزا برای تنظیمات (Preferences)
• 70. ساختاردهی تنظیمات کاربر (مانند فونت، اندازه تب، تم)
• 71. ذخیره و بارگذاری دائمی تنظیمات کاربر
• 72. پیاده‌سازی سیستم قطعه کدها (Snippets)
• 73. مقدمه‌ای بر پیاده‌سازی تکمیل خودکار کد (Autocompletion)
• 74. مقدمه‌ای بر یکپارچه‌سازی با Git
• 75. نمایش وضعیت Git فایل‌ها در درخت فایل (Modified, Staged, Untracked)
• 76. ایجاد سیستم نوتیفیکیشن داخلی در اپلیکیشن
• 77. مدیریت جلسات: بازگرداندن فایل‌های باز پس از راه‌اندازی مجدد
• 78. بهینه‌سازی زمان بارگذاری اولیه اپلیکیشن
• 79. مدیریت حافظه و جلوگیری از نشت حافظه (Memory Leaks)
• 80. بهترین شیوه‌های امنیتی در الکترون
• 81. فعال‌سازی و درک اهمیت Context Isolation
• 82. فعال‌سازی Sandbox برای فرآیندهای رندر جهت افزایش امنیت
• 83. اعتبارسنجی داده‌ها در ارتباطات IPC
• 84. ذخیره‌سازی امن اطلاعات حساس کاربر با electron-safe-storage
• 85. معرفی ابزارهای پکیج‌بندی: Electron Builder و Electron Forge
• 86. پیکربندی Electron Builder برای ساخت خروجی‌های مختلف
• 87. ساخت نسخه قابل نصب برای ویندوز (exe, msi)
• 88. ساخت نسخه برای macOS (dmg, pkg)
• 89. ساخت نسخه برای لینوکس (deb, AppImage)
• 90. امضای دیجیتال اپلیکیشن (Code Signing) برای ویندوز و macOS
• 91. پیاده‌سازی سیستم به‌روزرسانی خودکار با electron-updater
• 92. پیکربندی سرور به‌روزرسانی (مانند GitHub Releases)
• 93. گزارش‌دهی خطا و کرش‌ها با سرویس‌هایی مانند Sentry
• 94. طراحی و تنظیم آیکون اپلیکیشن برای پلتفرم‌های مختلف
• 95. نوشتن تست‌های واحد (Unit Testing) برای منطق اصلی برنامه
• 96. نوشتن تست‌های End-to-End با ابزارهایی مانند Spectron یا Playwright
• 97. بین‌المللی‌سازی (i18n) و افزودن پشتیبانی از چند زبان
• 98. مستندسازی کد و ایجاد فایل README جامع
• 99. ساخت یک صفحه وب ساده برای معرفی اپلیکیشن
• 100. جمع‌بندی نهایی دوره و مرور پروژه‌ی ساخته شده