# electron-tutorial-app

**Repository Path**: alphaetomega/electron-tutorial-app

## Basic Information

- **Project Name**: electron-tutorial-app
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-04-29
- **Last Updated**: 2021-04-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

![Electron tutorial app](http://www.christianengvall.se/wp-content/uploads/2017/10/Electron-tutorial-app-github.png "Electron tutorial app")
# Electron tutorial app
An electron application for tutorials

## Installation
This post contains [installation instructions](https://www.christianengvall.se/install-electron-tutorial-app/ "Install electron tutorial app")

## Tutorials

| # | Topic | Description |
|---|:------|-------------|
| 01 | [Hello world tutorial](http://www.christianengvall.se/electron-hello-world/) | Get electron running on your computer|
| 02 | [Testing electron app on Ubuntu](http://www.christianengvall.se/testing-electron-app-on-ubuntu-linux/) | Set up a VirtualBox virtual machine running Ubuntu and share app |
| 03 | [Electron app navigation](http://www.christianengvall.se/electron-app-navigation/) | Add a left menu and make it load new sections |
| 04 | [Electron frameless window](http://www.christianengvall.se/electron-frameless-window/) | A frameless window is a window that has no chrome, the parts of the window, like toolbars, that are not a part of the web page |
| 05 | [Electron white screen app startup](http://www.christianengvall.se/electron-white-screen-app-startup/) | This post will cover how to fix the electron white screen app startup |
| 06 | [Electron app icons](http://www.christianengvall.se/electron-app-icons/) | Adding icons to the app |
| 07 | [Electron packager tutorial](http://www.christianengvall.se/electron-packager-tutorial/) | Creating packages for mac, windows and linux |
| 08 | [Electron menu](http://www.christianengvall.se/electron-menu/) | Adding a main menu to your Electron app |
| 09 | [Electron localization](http://www.christianengvall.se/electron-localization/) | Translating an Electron app |
| 10 | [Main process and Renderer process in Electron](http://www.christianengvall.se/main-and-renderer-process-in-electron/) | A simple explanation |
| 11 | [IPCMain and IPCRenderer](http://www.christianengvall.se/ipcmain-and-ipcrenderer/) | Communicating between main and renderer process |
| 12 | [Electron asar](http://www.christianengvall.se/electron-asar/) | Packaging the app with asar |
| 13 | [DMG Installer](http://www.christianengvall.se/dmg-installer-electron-app/) | Creating a DMG-installer for macOS |
| 14 | [Windows installer](http://www.christianengvall.se/electron-windows-installer/) | Creating a windows installer with electron-winstaller |
| 15 | [Debian package installer](https://www.christianengvall.se/electron-installer-debian-package/) | Create a debian package |
| 16 | [Update to latest Electron version](https://www.christianengvall.se/update-to-latest-electron-version/) | Update electron to the latest version using npm |
| 17 | [Dialogs](https://www.christianengvall.se/electron-dialog-tutorial/) | Display dialogs with electron, [showOpenDialog](https://www.christianengvall.se/electron-showopendialog-tutorial/ "showOpenDialog"), [showErrorBox](https://www.christianengvall.se/electron-showerrorbox-tutorial/ "showErrorBox"), [showMessageBox](https://www.christianengvall.se/electron-show-messagebox/ "showMessageBox"), [showSaveDialog](https://www.christianengvall.se/electron-showsavedialog-tutorial/ "showSaveDialog") |
| 18 | [Darkmode (macOS)](https://www.christianengvall.se/electron-js-dark-mode-with-packager/) | Enable darkmode support on macOS with electron packager |