Mateusz Jabłoński - Blog, programowanie, rozwój
EN

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.

Czas trwania

1 dzień

Koszt na osobę

1125 PLN netto

dla grupy min. 4 osób
Zapytaj o termin

Dla kogo jest
to szkolenie

Ten warsztat najlepiej działa wtedy, gdy uczestnicy chcą przełożyć wiedzę na praktyczne decyzje projektowe i kod pisany w realnych warunkach.

Szkolenie jest dla Ciebie jeśli

  • chcesz uporządkować wiedzę i zobaczyć, jak stosować ją w codziennej pracy
  • pracujesz przy aplikacjach lub narzędziach, które muszą być czytelne, rozwijalne i testowalne
  • lubisz praktyczne ćwiczenia, dyskusję o trade-offach i przykłady bliskie realnym projektom

To nie jest najlepszy wybór jeśli

  • szukasz wyłącznie teoretycznego wykładu bez pracy warsztatowej
  • potrzebujesz bardzo podstawowego wprowadzenia od zera do programowania
  • oczekujesz gotowych recept bez omawiania kontekstu, ograniczeń i konsekwencji decyzji

Prowadzący

Mateusz
Jabłoński

Senior Frontend Developer, trener i autor materiałów. Od 2016 roku prowadzę szkolenia z JavaScriptu, TypeScriptu, Reacta, testowania oraz narzędzi wspierających pracę programistów.

14+lat doświadczenia
2016od tego roku szkolę
4.7 / 5na podstawie 143 odpowiedzi
Poznaj mnie lepiej

Program

Wprowadzenie

  1. Czym jest ElectronJS i jak działa pod spodem (Chromium + Node.js).
  2. Przykłady popularnych aplikacji zbudowanych w Electronie.
  3. Architektura aplikacji: Main process vs Renderer process.
  4. IPC – komunikacja między procesami.

Struktura projektu i podstawy

  1. Konfiguracja środowiska, package.json, skrypty.
  2. Tworzenie okien, ustawienia, preload scripts.
  3. Obsługa menu, skrótów klawiszowych i tray.

Integracja z Node.js i systemem

  1. Dostęp do systemu plików (fs).
  2. Obsługa dialogów (otwieranie/zapisywanie plików).
  3. Moduły Electron: clipboard, shell, notifications.

Interfejs użytkownika

  1. Łączenie Electrona z frameworkami front-endowymi (React, Vue, Svelte).
  2. Styling: Tailwind, Material UI.

Dystrybucja aplikacji

  1. Budowanie aplikacji (electron-builder, electron-packager).
  2. Tworzenie instalatorów (Windows, macOS, Linux).
  3. Aktualizacje aplikacji (auto-updater).

Zaawansowane funkcje i dobre praktyki

  1. Bezpieczeństwo w ElectronJS (contextIsolation, sandbox, preload).
  2. Zarządzanie pamięcią i wydajnością.
  3. Najczęstsze błędy początkujących i jak ich unikać.
  4. Najlepsze źródła do dalszej nauki i społeczności.