آموزش مبانی Electron و مدیریت پنجره‌ها - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• مقدمه‌ای بر تخصص Introduction to the Specialization

• Electron چیست؟ What Is Electron?

• آماده‌سازی محیط Environment Setup

مبانی Electron Electron Basics

• مقدمه بخش Section Introduction

• راه‌اندازی پروژه Setting Up the Project

• پیاده‌سازی پردازش اصلی (Main Process) Implementing the Main Process

• پیاده‌سازی پردازش رندر کننده (Renderer Process) Implementing the Renderer Process

• استفاده از پروژه Quick Starter در Electron Using the Electron Quick Starter Project

• درک ساختار پروژه Electron Understanding Electron's Project Structure

• درک فایل پردازش اصلی Understanding the Main Process File

• نوشتن اولین تغییرات در کد Writing the First Code Change

• بازگذاری خودکار تغییرات کد با استفاده از nodemon Auto Reload Code Changes Using "nodemon"

• خلاصه بخش Section Summary

• تمرین ۱: ایجاد و پیکربندی یک پروژه Exercise 1: Creating and Configuring a Project

ایجاد پنجره با استفاده از کلاس BrowserWindow Window Creation Using the "BrowserWindow" Class

• مقدمه بخش Section Introduction

• ویژگی‌های پایه پنجره Basic Window Properties

• تنظیم عنوان پنجره Setting the Window Title

• تمرین ۲: پیکربندی پنجره اصلی Exercise 2: Configuring the Main Window

• ایجاد پنجره‌های بدون قاب (Frameless) Creating Frameless Windows

• قابلیت جابجایی (Draggable) پنجره اپلیکیشن Making the Application Window Draggable

• تمرین ۳: استفاده از پنجره بدون قاب Exercise 3: Using a Frameless Window

• ایجاد پنجره‌های شفاف Creating Transparent Windows

• ایجاد پنجره‌های فرزند Creating Child Windows

• درک رویدادهای BrowserWindow Understanding the "BrowserWindow" Events

• کار با متدهای BrowserWindow Working with the "BrowserWindow" Methods

• تمرین ۴: نمایش پنجره فرزند Exercise 4: Displaying a Child Window

• موقعیت‌دهی و تغییر اندازه پنجره Window Positioning and Resizing

• پنجره‌های مودال (Modal) Modal Windows

• خلاصه بخش Section Summary

پروژه: اپلیکیشن هشینگ (Hashing App) Project: Hashing App

• بررسی کلی اپلیکیشن App Overview

• ایجاد رابط کاربری (UI) اپلیکیشن Creating the App UI

• استایل‌دهی به اپلیکیشن Styling the App

• پیاده‌سازی قابلیت‌های اپلیکیشن Implementing the App Functionality

• ساخت نهایی اپلیکیشن Building the App

مدیریت رویدادهای پنجره Handling Window Events

• مقدمه‌ای بر رویدادهای BrowserWindow Introduction to BrowserWindow Events

• رویداد ready to show the "ready-to-show" Event

• رویدادهای close و closed the "close" and "closed" Events

• رویدادهای focus و blur the "focus" and "blur" Events

• رویدادهای resize و move the "resize" and "move" Events

• رویدادهای unresponsive و responsive the "unresponsive" and "responsive" Events

چرخه حیات اپلیکیشن در Electron Application Lifecycle in Electron

• مقدمه‌ای بر چرخه حیات اپلیکیشن Electron Introduction to the Electron Application Lifecycle

• ماژول app و رویدادهای آن the "app" Module and Its Events

• مدیریت رویدادهای اپلیکیشن Handling the Application Events

• تمرین ۱۰: ایجاد یک اپلیکیشن ساده ردیاب نشست (Session Tracker) Exercise 10: Creating a Simple Session Tracker App

• خلاصه بخش Section Summary

منوها در Electron Menus in Electron

• مقدمه‌ای بر سیستم منوی Electron Introduction to Electron's Menu System

• ایجاد منوها با استفاده از کلاس Menu Creating Menus Using the "Menu" Class

• ایجاد آیتم‌های منو با استفاده از کلاس MenuItem Creating Menu Items Using the "MenuItem" Class

• کار با متدهای استاتیک کلاس Menu Working with the "Menu" Class Static Methods

• ساخت یک منوی پایه برای اپلیکیشن Building a Basic Application Menu

• کار با متدهای نمونه (Instance Methods) کلاس Menu Working with the "Menu" Class Instance Methods

• افزودن میان‌برهای صفحه‌کلید (Accelerators) Adding Keyboard Shortcuts (Accelerators)

ماژول IPC the IPC Module

• مقدمه‌ای بر IPC Introduction to the IPC

• ارسال پیام از پردازش اصلی با استفاده از ماژول ipcMain Sending Messages from the Main Process Using the "ipcMain" Module

• ارسال پیام از رندر کننده با استفاده از ماژول ipcRenderer Sending Messages from the Renderer Using the "ipcRenderer" Module

• پیام‌رسانی از نوع Fire and Forget با IPC Fire-and-Forget Messaging with IPC

• پیام‌رسانی درخواست/پاسخ (Request/Response) با IPC Request/Response Messaging with IPC

• ارتباط همزمان IPC - روش قدیمی (توصیه نمی‌شود اما برای یادگیری مفید است) IPC Synchronous Communication – the Old Way (Not Recommended but Nice to Learn)

• درک شیء event Understanding the "event" Object

• ارتباط ناهمزمان IPC IPC Asynchronous Communication

• تمرین ۵: استفاده از IPC برای ایجاد پنجره‌های فرزند Exercise 5: Using IPC to Create Child Windows

پروژه: تایمر پومودورو Project: Pomodoro Timer

• بررسی کلی اپلیکیشن App Overview

• ایجاد رابط کاربری (UI) Creating the UI

• افزودن منو Adding the Menu

• پیاده‌سازی پردازش اصلی Implementing the Main Process

• پیاده‌سازی پردازش رندر کننده Implementing the Renderer Process