Budowanie aplikacji desktopowych w ElectronJS
Warsztaty wprowadzają uczestników w świat tworzenia aplikacji desktopowych z wykorzystaniem technologii webowych. Podczas dnia intensywnej pracy uczestnicy poznają architekturę ElectronJS, nauczą się skutecznie łączyć logikę Node.js z interfejsem tworzonym w HTML, CSS i JavaScript oraz opracują własną aplikację gotową do kompilacji dla różnych systemów operacyjnych. Warsztat koncentruje się na praktyce: od podstawowych mechanizmów IPC, przez zarządzanie oknami, po bezpieczeństwo i dystrybucję. Uczestnik kończy szkolenie z umiejętnością samodzielnego tworzenia i rozwijania desktopowych narzędzi wewnętrznych, prototypów oraz aplikacji komercyjnych.
Program
Wprowadzenie
- Czym jest ElectronJS i jak działa pod spodem (Chromium + Node.js).
- Przykłady popularnych aplikacji zbudowanych w Electronie.
- Architektura aplikacji: Main process vs Renderer process.
- IPC – komunikacja między procesami.
Struktura projektu i podstawy
- Konfiguracja środowiska, package.json, skrypty.
- Tworzenie okien, ustawienia, preload scripts.
- Obsługa menu, skrótów klawiszowych i tray.
Integracja z Node.js i systemem
- Dostęp do systemu plików (fs).
- Obsługa dialogów (otwieranie/zapisywanie plików).
- Moduły Electron: clipboard, shell, notifications.
Interfejs użytkownika
- Łączenie Electrona z frameworkami front-endowymi (React, Vue, Svelte).
- Styling: Tailwind, Material UI.
Dystrybucja aplikacji
- Budowanie aplikacji (electron-builder, electron-packager).
- Tworzenie instalatorów (Windows, macOS, Linux).
- Aktualizacje aplikacji (auto-updater).
Zaawansowane funkcje i dobre praktyki
- Bezpieczeństwo w ElectronJS (contextIsolation, sandbox, preload).
- Zarządzanie pamięcią i wydajnością.
- Najczęstsze błędy początkujących i jak ich unikać.
- Najlepsze źródła do dalszej nauki i społeczności.