Skip to main content

Building Desktop Application with Electron

Electron: Cross-platform Desktop application development library based on node.js and Chromium engine.

Electron is an open source library developed by Github for building cross-platform desktop applications with HTML, CSS and Javascript. Electron accomplishes this by combining Chromium and Node.js into a single runtime and apps can be packaged for Mac, Windows, and Linux.

Install and Run Electron sample app

 Note: Git and node.js must be installed on your machine to start with Electron.

For Linux, follow these steps: -

# Clone the repository
$ git clone https://github.com/electron/electron-quick-start
# Go into the repository
$ cd electron-quick-start
# Install dependencies
$ npm install
# Run the app
$ npm start

Electron tutorial:

https://electron.atom.io/docs/tutorial/quick-start/

https://www.toptal.com/javascript/electron-cross-platform-desktop-apps-easy

https://www.tutorialspoint.com/electron/index.htm


Labels:

Comments

  1. AddisonStewartOctober 12, 2024 at 2:12 AM

    This article is a gem! I appreciate the detailed research you put into it. It’s refreshing to see such thoroughness!

    ReplyDelete

Post a Comment

Popular posts from this blog

Main menu dropdown parent item clickable in Drupal 8 using Bootstrap 4

 Edit menu--main.html.twig template file {# /**  * @file  * Bootstrap Barrio's override to display a menu.  *  * Available variables:  * - menu_name: The machine name of the menu.  * - items: A nested list of menu items. Each menu item contains:  *   - attributes: HTML attributes for the menu item.  *   - below: The menu item child items.  *   - title: The menu link title.  *   - url: The menu link url, instance of \Drupal\Core\Url  *   - localized_options: Menu link localized options.  *   - is_expanded: TRUE if the link has visible children within the current  *     menu tree.  *   - is_collapsed: TRUE if the link has children within the current menu tree  *     that are not currently visible.  *   - in_active_trail: TRUE if the link is in the active trail.  */ #} {% import _self as menus...
1 comment
Read more

Add JS to the bottom of the page in Drupal 7

How to add JS at bottom of a particular page in Drupal 7 Step 1: Get the page id. In case of front page "is_front"  Step 2: In template.php file of your theme add the below code : function illume_preprocess_page(&$variables) { if ($variables['is_front']) { drupal_add_js(path_to_theme().'/js/util.js', array('type' => 'file', 'scope' => 'footer')); drupal_add_js(path_to_theme().'/js/main.js', array('type' => 'file', 'scope' => 'footer')); drupal_add_js(path_to_theme().'/js/slideimage.js', array('type' => 'file', 'scope' => 'footer')); $variables['bottom_scripts'] = drupal_get_js(); } } This way you can add JS file using drupal_add_js() and define scope as footer. Step 3: Now you can use bottom_script variable to the page tpl file where you want to add JS print $bottom_scripts;
Post a Comment
Read more

Use Case Diagram for Online Book Store

1 comment
Read more