ElectronJS Crash Course 2022

[@Bitfumes]

👉 Get Chapter Wise Videos here : *bit.ly/3yCEgSR* 👉 Video Timestamps ⏳ (00:00:00) Intro ⏳ (00:03:20) My First Window ⏳ (00:11:47) Activate Application ⏳ (00:16:09) Preload Script ⏳ (00:20:17) Production Ready App ⏳ (00:24:55) Add Items Menu ⏳ (00:31:42) Clickable Menu ⏳ (00:38:42) New Browser Window ⏳ (00:46:29) Open camera ⏳ (00:55:33) Capture Image ⏳ (01:02:30) How IPC Works ⏳ (01:08:29) Render to Main data share ⏳ (01:17:00) Render to Render data share ⏳ (01:25:40) Add Notification ⏳ (01:27:34) What Next ? 👉 Comment your views or request for any other *crash course* 👉 Keep learning and Keep growing

[@LearningWithBandE]

This is fantastic! Your instructions are clear and concise and I love how you explain concepts while showing how to look through the official documentation, which teaches how to find information and figure things out on your own. Not nearly enough teachers do that!

[@jeffsuddaby4788]

My lucky day! Elegantly integrated demos of key concepts, practical tips on how to navigate the Electron docs, and (at last!!!) a tutorial that doesn't melt down with breaking changes on install... Now I can cross the bridge from web dev to desktop apps. Thanks so very much.

[@arifdevcoding]

crash course that i couldn't ask but needed the most as a web dev. thanks bro!

[@Bitfumes]

Sure, I am working on java crash course and spring boot crash course

[@queenofsheba8275]

Thank you! This is the most up to date course on Electron I've found on KZbin

[@Bitfumes]

Glad it was helpful!

[@aki1840]

I love how this man uses Stack Overflow. You can tell he makes software, he is the man.

[@luis6732]

Thanks for your easy to follow explanations, one step at a ti. It makes learning less overwhelming!

[@mickyrendon7382]

i´m new in this channel and i'm really fascinating how you explain the concepts! it was easy for me to understand electron as you teached, the best part is fresh content! i was blocked with others courses because the content is from 2 or 3 years ago... thank you so much for this good content! you got a new subscriber!

[@Bitfumes]

waooo, so nice comment bro This is my real motivation, thanks for your support Keep learning Subscribe, like and share this video

[@JonathanCook-kl2zp]

Brilliant tutorial. Loved your enthusiasm as it comes across as genuine.

[@friziana9506]

Finally, I found someone who posted a normal working crack!

[@Bitfumes]

Thanks for watching, please subscribe and like this video

[@remon962]

Thank you for your effort in making this video. Really helpful to me! I was really confused before but now i am clearer now about electronjs.

[@dosamuel-mb]

Sir , thank you so much , i need more of this and advanced lessons please , you're the best no cap

[@Bitfumes]

I will try my best to move to advanced stuffs

[@yoskokleng3658]

@@Bitfumes yeah, pls

[@liamwang9497]

Thanks for an excellent video! And a BUG fix: In the part "render to render data share", after we cilcked capture button and the win2 closed, we cannot reuse such auto-close function properly -- if we open a camera window and then capture again, an error will occurs that something was destroyed and the win2 remains. I think we can use win2.destroy() instead of win2.close() to fix this problem.

[@aqua-vc2oe]

TNice tutorials is the channel that made start actually creating instead of being intimidated by the software. Thanks for a new form of therapy

[@nagendrababupalacharla]

Good to see u again with new technology bro

[@certifiedmemer6000]

having tNice tutorials tutorial playing when first using soft soft was a godsend. Thank you!!

[@Bitfumes]

Happy to help!

[@TonyTesla]

Thanks for your electron course，Render to Main data share，is very helpful for me to study electron framework.You are the best teacher in the world!!!!!!!!!

[@felixljr]

Such a great tutorial, very clear explanations!!!!

[@egliselessemeurs4981]

What an angel! You save my broken head!

[@Bitfumes]

Thanks for watching, please subscribe and like this video

[@amitavroydev]

Great introduction.. slowly starting with it. I am excited as well.

[@Bitfumes]

Yeah, it is very nice thing to learn and easy too

[@adityamore32]

Thank you, Excellent Course Make more tutorials on this electron js

[@t2kenz1102]

electron so easy after this video. thank you very much for sharing

[@mdhossen7082]

This video and your react.js crash course are very beneficial, thanks,

[@arunkumarmathivaanan5700]

thank you for nice explanation.

[@Bitfumes]

So nice of you

[@ramezrafla]

Nice crash course, well done!

[@Bitfumes]

THanks bro, Thanks for watching, please subscribe and like this video

[@_xentropy]

Excellent video. Much thanks.

[@Bitfumes]

Glad you enjoyed it! Please share with your friends, and subscribe to bitfumes channel

[@jyotiranjanswain1737]

Very helpful, for overview.

[@Bitfumes]

Thanks for your love and support, keep learning. Join bitfumes telegram group t.me/bitfumes

[@ballpen9157]

Thank you so much. Can you create something like powerpoint? is that possible?

[@manukyanq]

nice video, really helpful!

[@elajcha]

Yoo tnx dude, everytNice tutorialng works. I LIKE IT

[@kashifumer9283]

Now tNice tutorials was truly an aweso video. I love your thorough style

[@Bitfumes]

Thanks for watching, please subscribe and like this video

[@henrybelmonte438]

I follow you since you released your codeigniter 3 series, question, is t possible to enable scree sharing

[@almeralmazan]

Awesome video!!! is it possible to connect a fingerprint scanner like Digital Persona with electronjs?

[@anupriyaprasad2130]

Febens Lordeus Thank you!

[@Bitfumes]

Thanks for watching, please subscribe and like this video

[@overtideasandsolutionschandan]

Good crash course. How to develop a website using Web API calls using electron?

[@muhammadagung2934]

BROOO I LIKE UR TUTORIAL, the explanation u gave it's really ez to understand, thank you so much!

[@Bitfumes]

Glad it helped!

[@Gameboyl]

Fantastic course I'm on IPC rn and gotta admit its a little bit too hard

[@ballpen9157]

Wow, i found my new teacher. What differ you from other youtuber. You go to documentation which i really like.

[@jebythomas3485]

starting the video). I'm looking forward to making soft in tNice tutorials software!

[@Bitfumes]

Hope you enjoy it! Thanks for watching, please subscribe and like this video

[@TheNamesJT]

I wish he went over how to seperate the menu from the main.js and how to connect seperate js files onto the main one. With the current tutorial he just shows everything in one js file basically which isn't the best thing.

[@jwlzloff26]

God your video saved me a lot of time, thx dude!

[@Bitfumes]

Glad to hear it! Thanks for watching, please subscribe and like this video

[@zzz-1x]

How about hot reload and auto refresh after files changed bro? Thanks you!

[@ArchIntelLTD]

Thank you very much

[@queenchespin]

Nice tutorial.... Very helpful

[@ejaadhulab8924]

Awesome content as always. Butfufes rocks!! Any idea 💡 where to get tutorial on electron with simple sql dB. I have searched Google too but they are all outdated having issues. Thanks in advance

[@Bitfumes]

thanks

[@nezuko_130]

makes complete sense. Only a couple other tNice tutorialngs I need to find out before I can actually make it work, but you’ve got more in depth

[@daoudaseye3018]

Hi , Électron is really interesting but have some questions. I use an existing laravel livewire project to turn it into électron app but i sée électron with laravel are really slow. And sometimes have a jugé delay to serve content and flickering when navigation between menu content. Do you have some advice ???

[@Bitfumes]

If you have slow response then you need to optimize your API you have created in laravel. If electron is making it slow, make sure you are using updated versions of all packages and try to debug where it is slowing

[@mahendranath2504]

Thank you so much ❤❤❤❤

[@webbrain19]

Can you convert and existing web app to desktop using Electron JS?

[@divyadharshni6694]

worked for . On default it was at Agressive TE for but I clicked to the right

[@AvnishKumar-zf9km]

Even if i am using app.on('window-all-closed', () => { if (process.platform !== 'darwin') app.quit() }) My app is closed completed not minimized. I am testing it on windows.

[@N.k.thakor6458]

thanks to give me hope

[@Bitfumes]

Thanks for your love and support, keep learning. Join bitfumes newsletter bitfumes.com/newsletters

[@Bitfumes]

Thanks for your love and support, keep learning. Join bitfumes newsletter bitfumes.com/newsletters

[@MASKED_AMSR]

Up to you dawg, how good do you want it?

[@madgameart]

Know this was up a while a go but I followed your video and it was awesome and easy to follow but now I want to know how do I add an Icon to my app like a custom Icon not the electron default.

[@Sonamsingh-vz1ex]

Hey, I'm just starting to get into making soft and tNice tutorials 17 minute video helped a LOT MORE than those one hour long tutorials out

[@zulaazul1660]

is there state management in Electron JS?

[@ahmedragab9418]

you are very good and think you

[@ballpen9157]

what should I watch after this video?

[@xarzu]

How would something like Menu appear in a Microsoft Windows Application.?

[@Bitfumes]

I think it will be same but you can also have some windows specific menus

[@yoskokleng3658]

Can you make a tutorial about merge electron js with nuxt js or vue js? I think it would be cool.

[@raymondmichael4987]

Really appreciate your work brother. Very good tutorial and well paced. Please consider part two and three if possible. Part 2 Adding Reactjs Part 3 adding Tailwindcss Part 4 Using mongodb evel local,

[@Bitfumes]

Thank you, I will

[@raymondmichael4987]

@@Bitfumes, Part 2 please

[@BlexJS]

Why new parts? everything you list is simple package installations and config settings, there is nothing complicated about it

[@raymondmichael4987]

@@BlexJS even electron itself is just a simple package installation

[@BlexJS]

@@raymondmichael4987 Well, there's no arguing😁

[@hanifullahjamalzai3351]

Thank you ❤

[@Bitfumes]

You're welcome 😊

[@madhanhasee6625]

What the name of the vscode theme that you're using..

[@Bitfumes]

It's material design

[@rikki7663]

why no one focus on electron js if it can build desktop application. May be something wrong with this framework. I am hardly seeing any recent tutorial for electron js mostly 3-4 year old

[@viswabharathreddy147]

how to change default name of application in electron?

[@jakubgadzala7474]

Hey, I have a question. I have been grinding whole day since the afternoon. Now, it's almost 4am. My problem: I have a drag and drop game. Eight boxes in the top row (draggables), eight boxes in the bottom row(droppables). Everything works great. I'm using jquery ui with punch. It works great in my local environment, Chrome for mobile in dev tools, and so on. However this entire thing is run in Electron js. I just took it for a spin to my classroom that has a touch screen TV computer. And the drag and drop doesnt work at all. Brother, for me its very late and I will just drink some beer and sleep, but if you had any clue what could be the issue I would appreciate.

[@Bitfumes]

I would suggest you to ask same question on that drag library github repo.

[@ankush4484]

Great

[@Bitfumes]

Thanks for watching, please subscribe and like this video

[@redsmith9953]

Very good tutorial, someday make one like this but using "Tauri", still i don't get why use all of this instead of c#, but anyway, thanks!

[@always_swagin]

yeah

[@Bitfumes]

Thanks for watching, please subscribe and like this video

[@ArmandoBN497]

I have a mac and I'm having trouble changing the name of my application on the dock. On the window and menu bar i figured out how but still can figure out the dock name just says Electron

[@Ebizzill]

I want to change the image of the desktop icon, how would I do that?

[@tazimbintucooking]

how to stop hearing yourself in headphones when recording softs?

[@TheNamesJT]

at 26:48 you have syntax red text that says Variable declaration list cannot be empty is that an extension and if so what is it?

[@glareminds4286]

tanx, pls lets go advance

[@tamaldas381]

dat escalated quickly

[@largezen]

how to build for exe file. please help me

[@gigai9361]

When I used npx electron-forge import: Make sure you git installed and Node.js version >= 12.13.0. My Node.js normal but what about git?

[@edwardhandrich6043]

Yes, @11:51 .gitignore magically appears. @22:22 you say "initialize git repository, which we already did". I didn't see where you initialize git.

[@AntiGrindServices]

softEX softs like a mouthorgan.. why?

[@runugope4227]

understanding how everytNice tutorialng works. TNice tutorials is like my 10th ti watcNice tutorialng tNice tutorials lol I’m so basic!

[@Bitfumes]

Glad to help!

[@Ebizzill]

after the npm run make prompt I find that I have to keep my web server on in order for the desktop app to work, what am I doing wrong ?

[@alexon2010]

I'm watching a lot of electron videos, but I still haven't found good information... I'm a web developer, for some time now we are used to using import and not require, we also use typescript for type validation even reluctantly I learned typescript and today I use it everywhere... but when I go to electron I can't run code, even if I check to use import and typescript I always have an error of import -> import { app, BrowserWindow } from 'electron' not recognizing it, even having configured the my package.json and tsconfig.json

[@afifhaiqal2159]

Make a 1 hour video of one nice tuto from google

[@Bitfumes]

Sure i will do that

[@gameeiei9842]

How to build to .exe?

[@bubuluke]

Is there a Github repository or do you have to type while following the tutorial?

[@pratikpatil0808]

upload react js course

[@alto794]

It ans you have completed the ga

[@ishaprabhu8662]

The application gets killed as soon as I close the window even after applying the activate application code snippet. please help.

[@ishaprabhu8662]

i'm using windows 10 with npm version 8.15.0

[@victoroliveira9131]

❤️

[@Bitfumes]

Thanks for watching, please subscribe and like this video

[@gsdgfvzxczxc9152]

Wao

[@zaybrazile427]

Wait.

[@Bitfumes]

Waiting for what bro??

[@sarahasad8707]

👍👍👍

[@Yash_27]

more money then I would recomnd getting Ableton, it's much more powerful and better organized. You don't need to get the suite

[@jessielaplascaosorno4044]

When u first used a phone in ur life it probably was complicated too.

[@Bitfumes]

Thanks

[@mohamedsaid320]

missing my ti line sir.

[@thepokemontrainer6894]

literally rn..

[@Bitfumes]

glad you liked it

[@Owen.v]

Thank you for tNice tutorials video! I just got soft softs today, and even with the guidebook, I was lost. TNice tutorials video taught even better than

[@Bitfumes]

Thanks

[@QamarAbbas-nb2cl]

interest please let know ahead of ti

[@Bitfumes]

Thanks for watching, please subscribe and like this video

[@InDiAnAjOnEs0002]

bhai tum sikhaane aaye the ya confuse karne aaye the, interview ke pahle tumhara video dekh liya, ab khopadi fodne ka man kar raha hai..

[@Bitfumes]

sorry bhai, next video or acha banaunga

[@govindsorout9009]

U just need ur pc, ur pc keyboard and a mouse.

[@Bitfumes]

Thanks for watching, please subscribe and like this video

[@krkr2132]

dont even soft like anytNice tutorialng, was that a problem for more experienced people here as well?

[@Bitfumes]

Please hit like if this video is helpful