Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/crilleengvall/electron-tutorial-app

An electron application for tutorials
https://github.com/crilleengvall/electron-tutorial-app

electron electron-app electron-application electron-tutorial

Last synced: 2 months ago
JSON representation

An electron application for tutorials

Host: GitHub
URL: https://github.com/crilleengvall/electron-tutorial-app
Owner: crilleengvall
License: mit
Created: 2016-08-24T06:25:17.000Z (over 8 years ago)
Default Branch: master
Last Pushed: 2022-12-07T02:24:28.000Z (about 2 years ago)
Last Synced: 2024-08-03T22:18:36.411Z (6 months ago)
Topics: electron, electron-app, electron-application, electron-tutorial
Language: CSS
Size: 1.84 MB
Stars: 765
Watchers: 36
Forks: 190
Open Issues: 29
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

jimsghstars - crilleengvall/electron-tutorial-app - An electron application for tutorials (CSS)

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 |