ElectronJS Crash Course 2022
Вставка
- Опубліковано 28 лип 2024
- ElectronJS Crash Course 2022
Learn the basics of ElectronJS in this beginner-friendly crash course
ElectronJS Tutorial is going to introduce you to every ElectronJS Concepts
Chapter Wise Videos: bitfumes.com/courses/javacrip...
Source Code : github.com/bitfumes/electronj...
Hope you enjoy and may this video add value to your life.
🌟 Course Contents 🌟
⏳ (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 ?
/ sarthaksavvy
/ sarthaksavvy
Discord server
/ discord
🌟 Premium Courses 🌟
Check out 32 hours of Laravel Content at
bit.ly/indepthlaravel
🔥 DIGITAL OCEAN HOSTING Affiliate
Get $100 in credit for 60 days m.do.co/c/a3a47da9b9a8
🌟 Gadgets I use 🌟
Camera amzn.to/3mGikwL
Blue Yeti Mic amzn.to/3mA6YdI
Blue Yeti Mic Foam Cover amzn.to/2GkmV8w
Capture Card amzn.to/3ed3cnN
🌟 Support Me ( I am a full-time UA-cam) 🌟
Github github.com/sponsors/bitfumes
Patreon / bitfumes
UA-cam / @bitfumes
🌟 FOLLOW ME 🌟
Subscribe for New Releases!
Twitter - / bitfumes
Twitter - / sarthaksavvy
Facebook - / bitfumes
Instagram - / bitfumes
(ask me questions!)
-- QUESTIONS? --
Leave a comment below and I or someone else can help you.
For quick questions you may also want to ask me on Twitter, I respond almost immediately.
Email me support@bitfumes.com
Thanks for all your support
👉 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
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.
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!
Thanks for your easy to follow explanations, one step at a ti. It makes learning less overwhelming!
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.
Thank you! This is the most up to date course on Electron I've found on UA-cam
Glad it was helpful!
Such a great tutorial, very clear explanations!!!!
Brilliant tutorial. Loved your enthusiasm as it comes across as genuine.
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!
waooo, so nice comment bro
This is my real motivation, thanks for your support
Keep learning
Subscribe, like and share this video
Thank you, Excellent Course Make more tutorials on this electron js
Good to see u again with new technology bro
crash course that i couldn't ask but needed the most as a web dev. thanks bro!
Sure, I am working on java crash course and spring boot crash course
Yoo tnx dude, everytNice tutorialng works. I LIKE IT
Great introduction.. slowly starting with it. I am excited as well.
Yeah, it is very nice thing to learn and easy too
electron so easy after this video. thank you very much for sharing
nice video, really helpful!
Thank you very much
Thank you so much ❤❤❤❤
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.
I love how this man uses Stack Overflow. You can tell he makes software, he is the man.
Sir , thank you so much , i need more of this and advanced lessons please , you're the best no cap
I will try my best to move to advanced stuffs
@@Bitfumes yeah, pls
This video and your react.js crash course are very beneficial,
thanks,
Excellent video. Much thanks.
Glad you enjoyed it!
Please share with your friends, and subscribe to bitfumes channel
Nice tutorial.... Very helpful
Awesome video!!! is it possible to connect a fingerprint scanner like Digital Persona with electronjs?
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!!!!!!!!!
BROOO I LIKE UR TUTORIAL, the explanation u gave it's really ez to understand, thank you so much!
Glad it helped!
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
Very helpful, for overview.
Thanks for your love and support, keep learning. Join bitfumes telegram group t.me/bitfumes
Nice crash course, well done!
THanks bro,
Thanks for watching, please subscribe and like this video
thank you for nice explanation.
So nice of you
How about hot reload and auto refresh after files changed bro? Thanks you!
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?
Thank you so much. Can you create something like powerpoint? is that possible?
just a simple question......I wanna do a rap what should I focus the most on when I wanna edit or make a good soft?i would love to
Thank you ❤
You're welcome 😊
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 ?
I follow you since you released your codeigniter 3 series, question, is t possible to enable scree sharing
Can you convert and existing web app to desktop using Electron JS?
I want to change the image of the desktop icon, how would I do that?
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
you are very good and think you
how to change default name of application in electron?
Finally, I found someone who posted a normal working crack!
Thanks for watching, please subscribe and like this video
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
thanks
having tNice tutorials tutorial playing when first using soft soft was a godsend. Thank you!!
Happy to help!
is there state management in Electron JS?
TNice tutorials is the channel that made start actually creating instead of being intimidated by the software. Thanks for a new form of therapy
Good crash course. How to develop a website using Web API calls using electron?
worked for . On default it was at Agressive TE for but I clicked to the right
Can you make a tutorial about merge electron js with nuxt js or vue js? I think it would be cool.
how to build for exe file. please help me
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 ???
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
What an angel! You save my broken head!
Thanks for watching, please subscribe and like this video
God your video saved me a lot of time, thx dude!
Glad to hear it!
Thanks for watching, please subscribe and like this video
Fantastic course I'm on IPC rn and gotta admit its a little bit too hard
how to stop hearing yourself in headphones when recording softs?
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
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.
what should I watch after this video?
Great
Thanks for watching, please subscribe and like this video
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.
I would suggest you to ask same question on that drag library github repo.
thanks to give me hope
Thanks for your love and support, keep learning. Join bitfumes newsletter bitfumes.com/newsletters
Thanks for your love and support, keep learning. Join bitfumes newsletter bitfumes.com/newsletters
Wow, i found my new teacher. What differ you from other youtuber. You go to documentation which i really like.
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,
Thank you, I will
@@Bitfumes,
Part 2 please
Why new parts? everything you list is simple package installations and config settings, there is nothing complicated about it
@@BlexJS even electron itself is just a simple package installation
@@raymondmichael4987 Well, there's no arguing😁
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!
Febens Lordeus Thank you!
Thanks for watching, please subscribe and like this video
Up to you dawg, how good do you want it?
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?
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.
How to build to .exe?
starting the video). I'm looking forward to making soft in tNice tutorials software!
Hope you enjoy it!
Thanks for watching, please subscribe and like this video
👍👍👍
How would something like Menu appear in a Microsoft Windows Application.?
I think it will be same but you can also have some windows specific menus
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
Now tNice tutorials was truly an aweso video. I love your thorough style
Thanks for watching, please subscribe and like this video
What the name of the vscode theme that you're using..
It's material design
tanx, pls lets go advance
softEX softs like a mouthorgan.. why?
The application gets killed as soon as I close the window even after applying the activate application code snippet. please help.
i'm using windows 10 with npm version 8.15.0
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
Wao
dat escalated quickly
❤️
Thanks for watching, please subscribe and like this video
It ans you have completed the ga
Make a 1 hour video of one nice tuto from google
Sure i will do that
upload react js course
understanding how everytNice tutorialng works. TNice tutorials is like my 10th ti watcNice tutorialng tNice tutorials lol I’m so basic!
Glad to help!
yeah
Thanks for watching, please subscribe and like this video
When u first used a phone in ur life it probably was complicated too.
Thanks
missing my ti line sir.
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..
sorry bhai, next video or acha banaunga
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
Thanks
literally rn..
glad you liked it
Is there a Github repository or do you have to type while following the tutorial?
more money then I would recomnd getting Ableton, it's much more powerful and better organized. You don't need to get the suite
Wait.
Waiting for what bro??
interest please let know ahead of ti
Thanks for watching, please subscribe and like this video
Will i watch your channel 24/7 just to look at that beautiful face of yours? *yes*.
Thanks for watching, please subscribe and like this video
U just need ur pc, ur pc keyboard and a mouse.
Thanks for watching, please subscribe and like this video
when i click GMS it gives sotNice tutorialng that softs electrical with no app soft whatsoever