How to Build Cross-Platform Desktop Application | NW.js Tutorial

Published: 30 July 2024
on channel: gilgeekify programming
630
37

In this video, I will teach you how to create a desktop application using NW.js. NW.js (previously known as Node-Webkit) is a framework that allows developers to build desktop applications using web technologies like HTML, CSS, and JavaScript. It combines Node.js with the Chromium browser engine, enabling you to call Node.js modules directly from the DOM. This makes it possible to create native applications with the full power of web technologies. NW.js is a cross-platform framework that you can use to build various types of desktop apps for Windows, Linux, and Mac OS X.

🎞️ TABLE OF CONTENTS 🎬
0:00 Introduction
1:00 App Preview
1:33 All Free Tools You Need to Use
2:43 NW.js Normal vs SDK Version
4:45 Read Documentation Before Starting Development
5:05 Create & Define App Manifest (package.json)
5:21 Set "name" for App
5:33 Set "version" for App
5:40 Set "main" for App
6:36 Set "window" for App
7:08 Set "title" for App
7:26 Set "position" for App
7:35 Set "width" & "height" for App
8:09 Set "resizable" for App
8:42 Build EXE App from an Online Game
9:05 Set "icon" for App
10:29 Change Icon of an EXE File Using Resource Hacker
11:49 Build Single EXE File from an App Using Enigma Virtual Box
13:54 App Size Comparison
14:13 Conclusion
15:09 End Screen

📥 Download NW.js
🔗 https://nwjs.io/downloads/

📖 NW.js Documentation
🔗 https://nwjs.readthedocs.io/en/latest/

🛠️ Download Resource Hacker
🔗 https://angusj.com/resourcehacker/

📦 Download Enigma Virtual Box
🔗 https://enigmaprotector.com/en/downlo...

⭐ Useful Links & Softwares
🔗 https://nsis.sourceforge.io/Main_Page
🔗 https://jrsoftware.org/isinfo.php
🔗 https://github.com/nwjs/nw.js/wiki/Ho...
🔗 https://github.com/nwutils/nw-builder
🔗 https://github.com/nwjs/npm-installer
🔗 https://github.com/felicienfrancois/n...
🔗 https://github.com/nwutils/nwjs-packager
🔗 https://github.com/nwutils/Web2Execut...
🔗 https://nwjs.readthedocs.io/en/latest...
🔗 https://nwjs.readthedocs.io/en/latest...

⏯️ By watching this video, you will learn:
🔴 How to create a desktop application using NW.js
🟢 How to build desktop applications using web technologies like HTML, CSS, and JavaScript
🔵 How to combine Node.js with the Chromium browser engine to call Node.js modules directly from the DOM
🟡 How to build cross-platform desktop apps for Windows, Linux, and Mac OS X
🟠 How to use Resource Hacker
🟣 How to use Enigma Virtual Box

#appdevelopment #nodejs #nwjs #chromium #gilgeekify


Watch video How to Build Cross-Platform Desktop Application | NW.js Tutorial online without registration, duration hours minute second in high quality. This video was added by user gilgeekify programming 30 July 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 630 once and liked it 37 people.