ElectronJS Crash Course 2022
HTML-код
- Опубликовано: 24 июл 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 RUclips) 🌟
Github github.com/sponsors/bitfumes
Patreon / bitfumes
RUclips / @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! This is the most up to date course on Electron I've found on RUclips
Glad it was helpful!
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.
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
Brilliant tutorial. Loved your enthusiasm as it comes across as genuine.
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
Such a great tutorial, very clear explanations!!!!
Thank you, Excellent Course Make more tutorials on this electron js
Good to see u again with new technology bro
I love how this man uses Stack Overflow. You can tell he makes software, he is the man.
Yoo tnx dude, everytNice tutorialng works. I LIKE IT
electron so easy after this video. thank you very much for sharing
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
Great introduction.. slowly starting with it. I am excited as well.
Yeah, it is very nice thing to learn and easy too
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.
BROOO I LIKE UR TUTORIAL, the explanation u gave it's really ez to understand, thank you so much!
Glad it helped!
This video and your react.js crash course are very beneficial,
thanks,
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!!!!!!!!!
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
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?
nice video, really helpful!
How about hot reload and auto refresh after files changed bro? Thanks you!
Awesome video!!! is it possible to connect a fingerprint scanner like Digital Persona with electronjs?
Thank you very much
Nice tutorial.... Very helpful
Thank you so much ❤❤❤❤
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 ?
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
I follow you since you released your codeigniter 3 series, question, is t possible to enable scree sharing
Finally, I found someone who posted a normal working crack!
Thanks for watching, please subscribe and like this video
Excellent video. Much thanks.
Glad you enjoyed it!
Please share with your friends, and subscribe to bitfumes channel
Thank you so much. Can you create something like powerpoint? is that possible?
I want to change the image of the desktop icon, how would I do that?
Can you convert and existing web app to desktop using Electron JS?
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
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
Very helpful, for overview.
Thanks for your love and support, keep learning. Join bitfumes telegram group t.me/bitfumes
having tNice tutorials tutorial playing when first using soft soft was a godsend. Thank you!!
Happy to help!
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.
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
how to change default name of application in electron?
TNice tutorials is the channel that made start actually creating instead of being intimidated by the software. Thanks for a new form of therapy
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.
Good crash course. How to develop a website using Web API calls using electron?
how to build for exe file. please help me
you are very good and think you
is there state management in Electron JS?
God your video saved me a lot of time, thx dude!
Glad to hear it!
Thanks for watching, please subscribe and like this video
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.
worked for . On default it was at Agressive TE for but I clicked to the right
how to stop hearing yourself in headphones when recording softs?
Wow, i found my new teacher. What differ you from other youtuber. You go to documentation which i really like.
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
Thank you ❤
You're welcome 😊
What an angel! You save my broken head!
Thanks for watching, please subscribe and like this video
Can you make a tutorial about merge electron js with nuxt js or vue js? I think it would be cool.
Fantastic course I'm on IPC rn and gotta admit its a little bit too hard
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
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!
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
Now tNice tutorials was truly an aweso video. I love your thorough style
Thanks for watching, please subscribe and like this video
Great
Thanks for watching, please subscribe and like this video
Up to you dawg, how good do you want it?
Febens Lordeus Thank you!
Thanks for watching, please subscribe and like this video
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
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
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
How to build to .exe?
What the name of the vscode theme that you're using..
It's material design
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
Wao
dat escalated quickly
what should I watch after this video?
tanx, pls lets go advance
👍👍👍
❤️
Thanks for watching, please subscribe and like this video
softEX softs like a mouthorgan.. why?
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
understanding how everytNice tutorialng works. TNice tutorials is like my 10th ti watcNice tutorialng tNice tutorials lol I’m so basic!
Glad to help!
Make a 1 hour video of one nice tuto from google
Sure i will do that
upload react js course
When u first used a phone in ur life it probably was complicated too.
Thanks
It ans you have completed the ga
Is there a Github repository or do you have to type while following the tutorial?
yeah
Thanks for watching, please subscribe and like this video
missing my ti line sir.
literally rn..
glad you liked it
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
more money then I would recomnd getting Ableton, it's much more powerful and better organized. You don't need to get the suite
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
when i click GMS it gives sotNice tutorialng that softs electrical with no app soft whatsoever
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
Wait.
Waiting for what bro??
interest please let know ahead of ti
Thanks for watching, please subscribe and like this video
dont even soft like anytNice tutorialng, was that a problem for more experienced people here as well?
Please hit like if this video is helpful