LEARN ELECTRON JS

Introduction

Electron JS is a JS framework for Desktop App Development. It is based on three basic web development tools HTML, CSS, and Javascript. Electron JS is used for making cross-platform desktop app development.

If you can build a website, you can build a desktop app. It takes care of the hard parts so you can focus on the core of your application.

Electron uses Chromium and Node.js so you can build your app with HTML, CSS, and JavaScript. Applications built with Electron JS are compatible with Mac, Windows, and Linux, Electron apps build and run on three platforms.

Prerequisites to get started with Electron JS are HTML, CSS, JavaScript and some basic knowledge about Node JS such as path & url module.

Topics to cover

Basics

  • Creating & configuring a new browser window
  • Main process & renderer process
  • Web contents
  • Inter process communication
  • Application menu
  • Context menu

Intermediate

  • Parent & Child Windows
  • Acceletors(Keyboard shortcuts)
  • Global Shortcuts
  • Shell modules: Open a particular file/folder from pc
  • Tray Module

Advanced

  • CRUD operations on files
  • Offscreen Rendering
  • Integrating any JS framework/libary such as Angular/React JS + Electron JS
  • Sending push notifications
  • Native file drag & drop

Resources to learn

Click here for projects to develop desktop apps using Electron JS.

That's it from this blog post. If you liked it then do share this blog with your friends or people who wanna get into programming world. Thank You!

Copyright © NStF Blogs 2021