Electron Desktop App Development · Ders

Electron Mimarısını Anlama

4. ders / 413 adım

Electron Mimarısını Anlama, CoddyKit'te ücretsiz bir Electron Desktop App Development dersidir. Bu, 4 dersinin 4. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Electron Desktop App Development öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Electron Desktop App Development kursu toplamda 4 dersten oluşur.

Bu dersin bazı bölümleri henüz çevrilmemiş olup İngilizce olarak gösterilmektedir.

Two Worlds in One App

Electron fuses two runtimes: Chromium for the UI and Node.js for system access. Grasping how they coexist is the foundation of every app.

The Main Process

Each app has exactly one main process. It runs your entry file, controls the lifecycle, and creates BrowserWindow instances with full Node access.

const { app, BrowserWindow } = require('electron');
app.whenReady().then(() => {
  new BrowserWindow({ width: 800, height: 600 });
});

The Renderer Process

Each window runs its own renderer process — basically a Chromium tab rendering HTML, CSS, and JavaScript like any web page.

Why Separate Processes?

Separate processes buy you stability and security: one window crashing won't kill the app, and the UI can't freely poke the OS.

Chromium's Role

Chromium is the same engine as Chrome. It handles rendering, layout, and the DOM, keeping your app consistent across platforms.

Node.js's Role

Node.js brings the file system, networking, and npm packages into your app — the part that makes Electron more than just a browser.

const os = require('os');
console.log('Platform:', os.platform());
console.log('CPUs:', os.cpus().length);

The Event Loop

The main process shares Node's event loop. Long synchronous work freezes the UI, so reach for async patterns instead.

setTimeout(() => console.log('runs later'), 0);
console.log('runs first');

Process Communication Preview

Main and renderer are in separate memory spaces; they talk through IPC (inter-process communication). You will dive into it later.

The package.json Entry

Electron finds the main process file via the main field in package.json. The snippet below shows the minimal entry config.

{
  "name": "my-app",
  "main": "main.js",
  "scripts": { "start": "electron ." }
}

Cross-Platform Promise

Write once, run on Windows, macOS, and Linux. Electron bundles the runtime, so users never need a browser installed.

Putting It Together

It all loops together: the main process boots, makes a window, the renderer loads your page, and IPC links them — the heartbeat of every app.

Quick Check

Confirm your understanding of Electron processes.

İnteraktif derste cevapla

Recap

You've got the architecture: one main process (Node.js) driving multiple renderer processes (Chromium), connected by IPC for safe desktop apps.

Başlamak ücretsiz

Yapay zeka eğitmeniyle JavaScript öğren — ücretsiz

Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.

Kurslar: 12
Dersler: 47

Ücretsiz öğrenmeye başla Tüm kursu görüntüle

Sıkça Sorulan Sorular

“Electron Mimarısını Anlama” dersi ücretsiz mi?

Evet — “Electron Mimarısını Anlama” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Electron Desktop App Development kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Electron Desktop App Development kursu toplamda 4 dersten oluşur.

“Electron Mimarısını Anlama” dersinde ne öğreneceğim?

Daha büyük uygulamalar geliştirmeden önce Electron'ın Chromium ile Node.js'i nasıl birleştirdiğini ve ana süreç ile oluşturucu süreçlerin nasıl birlikte çalıştığını zihninizde netleştirin. Electron Desktop App Development ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Electron Desktop App Development öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Electron Desktop App Development, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 4. dersidir.

“Electron Mimarısını Anlama” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Electron Desktop App Development dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Electron Desktop App Development dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← Electron Desktop App Development Sayfasına Dön