How to BUILD a DESKTOP app with HTML, CSS & JavaScript using Electron JS!

Learn how to code a Desktop App with HTML, CSS & JavaScript using Electron! We build a simple note taking app using the file system!

// JOIN THE DISCORD SERVER!

// BECOME A MEMBER TO UNLOCK MORE CONTENT!

// MY GEAR FOR CODING AND YOUTUBE

All of these products I own and have tested!

// FOLLOW ME ON TWITTER

// INTERESTED IN GAME DEV?

// CHECK OUT MY GAME

// DO THESE SIMPLE STEPS
LIKE, SUBSCRIBE & SHARE

[imiramikhanirami]

Incredible tutorial! I rarely comment on coding tutorials but this one worked perfectly and was quick and thorough. Thank you

[oxyhmpg]

This easy and accurate explanation of the lecture
It's amazing what I can see in my room in Korea!

Thank you for your easy and concise explanation! It will be very helpful for studying

[sweatypotato]

Wow just wow, was looking for it, Thanks my men, cheers

[arafatgeneralservices]

How do I pull up those effects slots on the left of the setuper?

[avtar]

hey bro can u recommend a advance css course, i already completed beginner course but that was not near to good look and funcanility

[sorentoino]

Thank u for your good training. If we use Jason Server in our program, Is there a way to run Jason's file when we click on .exe file and start pr (without using cmd)?

[ejaadhulab]

Your tutorials are great. After reading this lesson, I thought it was a great intriguing subject. Would you please create a lesson on Electron and basic DB? (SQLITE or LocalStorage or IndexDB). God bless you abundantly for your kind donation and assistance to developers like myself.

[sculp_vetrov]

What plugins do you have in visual studio?

[jamesdavis]

Hi everyone I know this is an older video however I poked around for a while and learned a more efficient way of closing the program. currently the way it is on here is that it is still open and running in the background.

here is the main.js code - hopefully this helps someone:)

const {app, BrowserWindow} = require('electron');
let win = null;
function createWindow () {
const win = new BrowserWindow({
"title": "Title",
"fullscreen": true,
"closable": false
});
win.setMenu(null)


win.on("close", () => {
win = null;
app.quit();
});
}


app.on('window-all-closed', () => {
if(process.platform !== "darwin") app.quit();
});

[IngridKen]

if your wondering about his vscode theme i think it's the SynthWave 84'

[kumuthuprabhasha]

I have a problem.. this app can't read or write files with fs. how can I fix it?
help me please...

[audiobookimedyczne]

How to add a backroud immage? The html, css way doesnt work.

[devindissanayaka]

What is the extension you use that suggests what to type next 😊

[vampirejs]

Pog!! What's your thoughts on tauri ? Its coming up a lot now a days as an electron competitor

[saturdaywithaadil]

hey sir i am too a programmer but not like you i make games but it was incredible challange for me

[maximeyarns]

I have no idea why I'm doing the stuffs, but I'm fairly confident I can now make a simple app based on this all 😂 Thanks!!

One issue though, the note title says ${data.title} instead of the actual title, I can't seem to figure out why. Any ideas?

Edit: I added the following:
const fileName = data.title + '.txt';

And changed:
const filePath = path.join(__dirname, 'notes', '$data.title}.text');
to:
const filePath = path.join(__dirname, 'notes', fileName);

Probably super nooby, but it works

[techonlyforyou]

comnts on these kinds of videos and I know for a fact that guys like Nice tutorialm have gotten strikes from Youtube for having crack info in their

[sudheerpa]

What I do now is take dealerships of software companies and sell their billing software.
I made my own software under my company name and want to sell it, what should I do?

I have no clear knowledge of software programming and development.

Is it enough to be fully developed by a software developer?

Or is it enough to buy the software code and build the software with a developer?

Which is better

[TheyCallMeFelix]

Its official Javascript just killed C languages lol

[AAAAAA-nf]

Pretty annoying how fast you’re going without stopping to explain what you’re doing.