crilleengvall / electron-tutorial-app Goto Github PK

View Code? Open in Web Editor NEW

767.0 35.0 189.0 1.88 MB

An electron application for tutorials

License: MIT License

HTML 9.06% JavaScript 33.85% CSS 56.72% Ruby 0.37%

electron electron-application electron-tutorial electron-app

electron-tutorial-app's Introduction

Electron tutorial app

An electron application for tutorials

Installation

This post contains installation instructions

Tutorials

#	Topic	Description
01	Hello world tutorial	Get electron running on your computer
02	Testing electron app on Ubuntu	Set up a VirtualBox virtual machine running Ubuntu and share app
03	Electron app navigation	Add a left menu and make it load new sections
04	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	This post will cover how to fix the electron white screen app startup
06	Electron app icons	Adding icons to the app
07	Electron packager tutorial	Creating packages for mac, windows and linux
08	Electron menu	Adding a main menu to your Electron app
09	Electron localization	Translating an Electron app
10	Main process and Renderer process in Electron	A simple explanation
11	IPCMain and IPCRenderer	Communicating between main and renderer process
12	Electron asar	Packaging the app with asar
13	DMG Installer	Creating a DMG-installer for macOS
14	Windows installer	Creating a windows installer with electron-winstaller
15	Debian package installer	Create a debian package
16	Update to latest Electron version	Update electron to the latest version using npm
17	Dialogs	Display dialogs with electron, showOpenDialog, showErrorBox, showMessageBox, showSaveDialog
18	Darkmode (macOS)	Enable darkmode support on macOS with electron packager

electron-tutorial-app's People

Contributors

Stargazers

Watchers

Forkers

ywengineer tinvm tasarinan sidewinder vaibhavtapare javascriptexpert maheshkumartamboli redanium xiaozi0lei bitx007 mike-goodwin singh-prabh muten84 frekele hamoodij emhaye cho2 snci cabenavidess codetestmg jefmari beataj sharbel93 szvest jsmithdev chami007 ashoksri0 positato pixeleate simsols360 jonny-novikov windowmirror aroychow lasloyu smokinguns baotaizhang danielmorena bambusrocken pateldipen92 volving asit-behera justintoo wooodhead ratikanta131 devchary javasign justanotherumanbeen kazimc joanmolinas prasetyodimas mohaaosman ull-esit-dsi-1819 chabiapps merlinoa nablecommunications mchastainfm bahodursaidov nisalavira lymanlai carly31 elix22 quattrotaiga mcspx ahmedscchaider ystallonne locnguyenhuu jinhoyoo vignesh5elvaraj 3p14 fabioued maqvega ccopol rroy15 ridvann 2k25 tolinpk dfeverx havind mugan86 ibraah88 benjirez pradeepr-roboticist mggyi86 cris93g vkarter hhy5277 ilyavi franfun qiwalker chuckb royalone94 fioletibiel jithinrajtk mauroprojetos calstu99 sanskarsakya daniel-xsu sabitaneupane amjads cristianpumaes6

electron-tutorial-app's Issues

Tutorial: App translation

How to simply translate all the texts of the app (based on the OS locales ?).

Tutorial: auto-update

It will be great to talk about auto-update for macOS, Windows and Linux still this is an important feature all app should have before beta test or production ;)

Request: Installer tutorial

Awesome set of current tutorials. Any chance on getting a tut for doing installers for all 3 platforms?

Running App Issue

When running the app the menu and the content is missing or not showing up at all.

HTML Imports is deprecated and will be removed in M73

[Deprecation] HTML Imports is deprecated and will be removed in M73, around March 2019. Please use ES modules instead. See https://www.chromestatus.com/features/5144752345317376 for more details.

Tutorial: Bootstrap of an Electron app

It will be pretty cool to talk about the start-up of an Electron app:

witch event is trigged at witch time (sync or async)
where to put app setups, global vars, etc. (in witch event or file in code)
etc.

Upgrade to Electron v 5

https://electronjs.org/blog/electron-5-0

win32metadata

In the electron packager tutorial, version-string setting is used.
That setting will be deleted in future versions and is replaced with win32metadata: https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#win32metadata

Update that tutorial

Tutorial: Menu item with custom click event

Electron app icons: converter service site is long gone

"Now go to https://iconverticons.com/online/ and upload the PNG and the
service will take care of creating the other icon-formats."

That site has been gone for a couple of years according to archive.org.
It would be helpful here to list the various icon files that are needed for next steps.

Update to latest electron version

https://electron.atom.io/blog/2017/09/27/chromium-rce-vulnerability-fix

Update for Electron 9?

Hi, will you be updating this series for Electron 9 any time soon?

Matt.

Hi Christian! I was reading your electron tutorials from your web, and the one about localization caught my eye. I want to switch languages from the menu and I was thinking about adapting your tutorial into my electron app, but I'm not able to do it. Is there any way? I thought about maybe using handlebars template rendering... but I can't find a proper solution to achieve this.

Thank you very much in advance :)

Tutorial: Dialogs

There is an ERROR for package-win

I got this error after run sudo npm run package-win
also I tried package-mac worked correct.

Tutorial: Window state

https://github.com/mawie81/electron-window-state#usage

Tutorial: Notifications

With custom sound

Tutorial: Custom menu item

Tutorial: Open external links in browser

Tutorial: Application arguments

Tutorial: Package an app with electron-builder

Use electron-builder to package your app for macOS, Windows and Linux.

tutorial: PrintToPDF

http://electron.atom.io/docs/api/web-contents/#contentsprinttopdfoptions-callback

missing script : start

npm start fails to run saying missing script: start , i tried everything in package.json but still wont work . pls help

Snap/flatpak image for Linux

Requested by Justin Garxa http://disq.us/p/1mxn81i

Any way to create an installer like .pkg for windows?

Thank you so much for this tutorial, I am a little confused though. I made the installer and everything, but when I run it all it does is open my app for a few seconds and reopens.
I was looking to just get a way to make an installer (like .pkg does) and Sign the installer so I can submit to windows store. I just wanted the installer to install to program files and create a shortcut on the desktop, is this possible?