Electron - Writing desktop applications using web technologies
summary
Electron packages Chromium plus Node so one codebase runs on Mac, Windows and Linux; real apps like Atom, Slack and Visual Studio Code use it. A working hello‑world is three files (package.json, main JS that creates a BrowserWindow, index.html). Desktop access uses a main process for menus/files and renderer process for UI communicating via IPC. Build tools include electron-packager/electron-rebuild, produce MSI/DMG, auto‑update with Squirrel, test with Spectron. Security requires HTTPS, sandbox webview and disable nodeIntegration for untrusted content.
AI-written summary · about
chapters (22)
- 0:00Start
- 5:11What Is What Is Electron
- 5:30What Is Electron
- 5:46Use Electron To Write Desktop Applications Using Web Technologies
- 7:25Install Chrome
- 7:59Open Source Project from Github
- 12:31The Structure of an Electron Application
- 13:16Create Window
- 14:13Processes That Electron Application Will Run
- 14:44Main Process
- 15:22Render Process
- 18:22Demo
- 19:39Summary of Applications
- 19:55Slack
- 21:45Visual Studio Code
- 23:57Support for Teams
- 27:51Security
- 36:52Build Pipeline
- 38:14Packaging
- 41:35Debugging Experience
- 44:32Testing
- 48:26Electron Documentation
related talks
58mCross-Platform Desktop Apps with Electron
39mBuilding Desktop Applications with Electron
54mCross-Platform Desktop Apps with Electron
36mElectron JS - desktop applications written in JavaScript
23mHow to Electron
17mBuild Your Next App with Electron
25mElectron: Desktop Apps with JavaScript
21mBuilding Cross Platform Desktop App using Web Technologies with Electron