ElectronJS Crash Course 2022

  Рет қаралды 70,660

Bitfumes

Bitfumes

Күн бұрын

Пікірлер: 165
@Bitfumes
@Bitfumes 2 жыл бұрын
👉 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
@LearningWithBandE 2 жыл бұрын
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
@jeffsuddaby4788 2 жыл бұрын
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
@arifdevcoding 2 жыл бұрын
crash course that i couldn't ask but needed the most as a web dev. thanks bro!
@Bitfumes
@Bitfumes 2 жыл бұрын
Sure, I am working on java crash course and spring boot crash course
@aki1840
@aki1840 Жыл бұрын
I love how this man uses Stack Overflow. You can tell he makes software, he is the man.
@queenofsheba8275
@queenofsheba8275 2 жыл бұрын
Thank you! This is the most up to date course on Electron I've found on KZbin
@Bitfumes
@Bitfumes 2 жыл бұрын
Glad it was helpful!
@RobertBarnes-t7g
@RobertBarnes-t7g 4 күн бұрын
Brilliant video. Got me going with Electron. Thanks
@mickyrendon7382
@mickyrendon7382 2 жыл бұрын
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
@Bitfumes 2 жыл бұрын
waooo, so nice comment bro This is my real motivation, thanks for your support Keep learning Subscribe, like and share this video
@remon962
@remon962 2 жыл бұрын
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.
@luis6732
@luis6732 2 жыл бұрын
Thanks for your easy to follow explanations, one step at a ti. It makes learning less overwhelming!
@JonathanCook-kl2zp
@JonathanCook-kl2zp Жыл бұрын
Brilliant tutorial. Loved your enthusiasm as it comes across as genuine.
@friziana9506
@friziana9506 2 жыл бұрын
Finally, I found someone who posted a normal working crack!
@Bitfumes
@Bitfumes 2 жыл бұрын
Thanks for watching, please subscribe and like this video
@dosamuel-mb
@dosamuel-mb 2 жыл бұрын
Sir , thank you so much , i need more of this and advanced lessons please , you're the best no cap
@Bitfumes
@Bitfumes 2 жыл бұрын
I will try my best to move to advanced stuffs
@yoskokleng3658
@yoskokleng3658 Жыл бұрын
@@Bitfumes yeah, pls
@amitavroydev
@amitavroydev 2 жыл бұрын
Great introduction.. slowly starting with it. I am excited as well.
@Bitfumes
@Bitfumes 2 жыл бұрын
Yeah, it is very nice thing to learn and easy too
@nagendrababupalacharla
@nagendrababupalacharla 2 жыл бұрын
Good to see u again with new technology bro
@liamwang9497
@liamwang9497 2 жыл бұрын
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.
@TonyTesla
@TonyTesla 2 жыл бұрын
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!!!!!!!!!
@aqua-vc2oe
@aqua-vc2oe 2 жыл бұрын
TNice tutorials is the channel that made start actually creating instead of being intimidated by the software. Thanks for a new form of therapy
@certifiedmemer6000
@certifiedmemer6000 2 жыл бұрын
having tNice tutorials tutorial playing when first using soft soft was a godsend. Thank you!!
@Bitfumes
@Bitfumes 2 жыл бұрын
Happy to help!
@felixljr
@felixljr Жыл бұрын
Such a great tutorial, very clear explanations!!!!
@adityamore32
@adityamore32 2 жыл бұрын
Thank you, Excellent Course Make more tutorials on this electron js
@elajcha
@elajcha 2 жыл бұрын
Yoo tnx dude, everytNice tutorialng works. I LIKE IT
@muhammadagung2934
@muhammadagung2934 Жыл бұрын
BROOO I LIKE UR TUTORIAL, the explanation u gave it's really ez to understand, thank you so much!
@Bitfumes
@Bitfumes Жыл бұрын
Glad it helped!
@ramezrafla
@ramezrafla 2 жыл бұрын
Nice crash course, well done!
@Bitfumes
@Bitfumes 2 жыл бұрын
THanks bro, Thanks for watching, please subscribe and like this video
@mdhossen7082
@mdhossen7082 2 жыл бұрын
This video and your react.js crash course are very beneficial, thanks,
@t2kenz1102
@t2kenz1102 Жыл бұрын
electron so easy after this video. thank you very much for sharing
@_xentropy
@_xentropy 2 жыл бұрын
Excellent video. Much thanks.
@Bitfumes
@Bitfumes 2 жыл бұрын
Glad you enjoyed it! Please share with your friends, and subscribe to bitfumes channel
@egliselessemeurs4981
@egliselessemeurs4981 2 жыл бұрын
What an angel! You save my broken head!
@Bitfumes
@Bitfumes 2 жыл бұрын
Thanks for watching, please subscribe and like this video
@raymondmichael4987
@raymondmichael4987 2 жыл бұрын
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
@Bitfumes 2 жыл бұрын
Thank you, I will
@raymondmichael4987
@raymondmichael4987 2 жыл бұрын
@@Bitfumes, Part 2 please
@BlexJS
@BlexJS 2 жыл бұрын
Why new parts? everything you list is simple package installations and config settings, there is nothing complicated about it
@raymondmichael4987
@raymondmichael4987 2 жыл бұрын
@@BlexJS even electron itself is just a simple package installation
@BlexJS
@BlexJS 2 жыл бұрын
@@raymondmichael4987 Well, there's no arguing😁
@kashifumer9283
@kashifumer9283 2 жыл бұрын
Now tNice tutorials was truly an aweso video. I love your thorough style
@Bitfumes
@Bitfumes 2 жыл бұрын
Thanks for watching, please subscribe and like this video
@jwlzloff26
@jwlzloff26 2 жыл бұрын
God your video saved me a lot of time, thx dude!
@Bitfumes
@Bitfumes 2 жыл бұрын
Glad to hear it! Thanks for watching, please subscribe and like this video
@TheNamesJT
@TheNamesJT 2 жыл бұрын
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.
@manukyanq
@manukyanq 2 жыл бұрын
nice video, really helpful!
@mahendranath2504
@mahendranath2504 2 жыл бұрын
Thank you so much ❤❤❤❤
@nezuko_130
@nezuko_130 2 жыл бұрын
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
@arunkumarmathivaanan5700
@arunkumarmathivaanan5700 7 ай бұрын
thank you for nice explanation.
@Bitfumes
@Bitfumes 7 ай бұрын
So nice of you
@ballpen9157
@ballpen9157 Жыл бұрын
Wow, i found my new teacher. What differ you from other youtuber. You go to documentation which i really like.
@jyotiranjanswain1737
@jyotiranjanswain1737 Жыл бұрын
Very helpful, for overview.
@Bitfumes
@Bitfumes Жыл бұрын
Thanks for your love and support, keep learning. Join bitfumes telegram group t.me/bitfumes
@Gameboyl
@Gameboyl Жыл бұрын
Fantastic course I'm on IPC rn and gotta admit its a little bit too hard
@queenchespin
@queenchespin 2 жыл бұрын
Nice tutorial.... Very helpful
@ArchIntelLTD
@ArchIntelLTD 9 ай бұрын
Thank you very much
@Sonamsingh-vz1ex
@Sonamsingh-vz1ex 2 жыл бұрын
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
@ejaadhulab8924
@ejaadhulab8924 2 жыл бұрын
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
@Bitfumes 2 жыл бұрын
thanks
@anupriyaprasad2130
@anupriyaprasad2130 2 жыл бұрын
Febens Lordeus Thank you!
@Bitfumes
@Bitfumes 2 жыл бұрын
Thanks for watching, please subscribe and like this video
@hanifullahjamalzai3351
@hanifullahjamalzai3351 2 жыл бұрын
Thank you ❤
@Bitfumes
@Bitfumes 2 жыл бұрын
You're welcome 😊
@jebythomas3485
@jebythomas3485 2 жыл бұрын
starting the video). I'm looking forward to making soft in tNice tutorials software!
@Bitfumes
@Bitfumes 2 жыл бұрын
Hope you enjoy it! Thanks for watching, please subscribe and like this video
@daoudaseye3018
@daoudaseye3018 2 жыл бұрын
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
@Bitfumes 2 жыл бұрын
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
@xarzu
@xarzu 4 ай бұрын
How would something like Menu appear in a Microsoft Windows Application.?
@Bitfumes
@Bitfumes 4 ай бұрын
I think it will be same but you can also have some windows specific menus
@almeralmazan
@almeralmazan 2 жыл бұрын
Awesome video!!! is it possible to connect a fingerprint scanner like Digital Persona with electronjs?
@N.k.thakor6458
@N.k.thakor6458 5 ай бұрын
thanks to give me hope
@Bitfumes
@Bitfumes 4 ай бұрын
Thanks for your love and support, keep learning. Join bitfumes newsletter bitfumes.com/newsletters
@Bitfumes
@Bitfumes 4 ай бұрын
Thanks for your love and support, keep learning. Join bitfumes newsletter bitfumes.com/newsletters
@ahmedragab9418
@ahmedragab9418 2 жыл бұрын
you are very good and think you
@zzz-1x
@zzz-1x Жыл бұрын
How about hot reload and auto refresh after files changed bro? Thanks you!
@henrybelmonte438
@henrybelmonte438 2 жыл бұрын
I follow you since you released your codeigniter 3 series, question, is t possible to enable scree sharing
@ankush4484
@ankush4484 2 жыл бұрын
Great
@Bitfumes
@Bitfumes 2 жыл бұрын
Thanks for watching, please subscribe and like this video
@ballpen9157
@ballpen9157 Жыл бұрын
Thank you so much. Can you create something like powerpoint? is that possible?
@TheNamesJT
@TheNamesJT 2 жыл бұрын
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?
@ArmandoBN497
@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
@redsmith9953
@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!
@rikki7663
@rikki7663 8 ай бұрын
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
@zulaazul1660
@zulaazul1660 2 жыл бұрын
is there state management in Electron JS?
@divyadharshni6694
@divyadharshni6694 2 жыл бұрын
worked for . On default it was at Agressive TE for but I clicked to the right
@yoskokleng3658
@yoskokleng3658 Жыл бұрын
Can you make a tutorial about merge electron js with nuxt js or vue js? I think it would be cool.
@overtideasandsolutionschandan
@overtideasandsolutionschandan 2 жыл бұрын
Good crash course. How to develop a website using Web API calls using electron?
@madgameart
@madgameart 3 ай бұрын
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.
@webbrain19
@webbrain19 Жыл бұрын
Can you convert and existing web app to desktop using Electron JS?
@viswabharathreddy147
@viswabharathreddy147 2 жыл бұрын
how to change default name of application in electron?
@madhanhasee6625
@madhanhasee6625 2 жыл бұрын
What the name of the vscode theme that you're using..
@Bitfumes
@Bitfumes 2 жыл бұрын
It's material design
@Ebizzill
@Ebizzill 2 жыл бұрын
I want to change the image of the desktop icon, how would I do that?
@jakubgadzala7474
@jakubgadzala7474 2 жыл бұрын
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
@Bitfumes 2 жыл бұрын
I would suggest you to ask same question on that drag library github repo.
@gigai9361
@gigai9361 2 жыл бұрын
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
@edwardhandrich6043 2 жыл бұрын
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.
@largezen
@largezen 10 ай бұрын
how to build for exe file. please help me
@MASKED_AMSR
@MASKED_AMSR 2 жыл бұрын
Up to you dawg, how good do you want it?
@tazimbintucooking
@tazimbintucooking 2 жыл бұрын
how to stop hearing yourself in headphones when recording softs?
@Ebizzill
@Ebizzill 2 жыл бұрын
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 ?
@gsdgfvzxczxc9152
@gsdgfvzxczxc9152 2 жыл бұрын
Wao
@tamaldas381
@tamaldas381 2 жыл бұрын
dat escalated quickly
@victoroliveira9131
@victoroliveira9131 2 жыл бұрын
❤️
@Bitfumes
@Bitfumes 2 жыл бұрын
Thanks for watching, please subscribe and like this video
@sarahasad8707
@sarahasad8707 2 жыл бұрын
👍👍👍
@glareminds4286
@glareminds4286 2 жыл бұрын
tanx, pls lets go advance
@alexon2010
@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
@ishaprabhu8662
@ishaprabhu8662 2 жыл бұрын
The application gets killed as soon as I close the window even after applying the activate application code snippet. please help.
@ishaprabhu8662
@ishaprabhu8662 2 жыл бұрын
i'm using windows 10 with npm version 8.15.0
@ballpen9157
@ballpen9157 Жыл бұрын
what should I watch after this video?
@AvnishKumar-zf9km
@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.
@gameeiei9842
@gameeiei9842 2 жыл бұрын
How to build to .exe?
@afifhaiqal2159
@afifhaiqal2159 2 жыл бұрын
Make a 1 hour video of one nice tuto from google
@Bitfumes
@Bitfumes 2 жыл бұрын
Sure i will do that
@runugope4227
@runugope4227 2 жыл бұрын
understanding how everytNice tutorialng works. TNice tutorials is like my 10th ti watcNice tutorialng tNice tutorials lol I’m so basic!
@Bitfumes
@Bitfumes 2 жыл бұрын
Glad to help!
@AntiGrindServices
@AntiGrindServices 2 жыл бұрын
softEX softs like a mouthorgan.. why?
@always_swagin
@always_swagin 2 жыл бұрын
yeah
@Bitfumes
@Bitfumes 2 жыл бұрын
Thanks for watching, please subscribe and like this video
@InDiAnAjOnEs0002
@InDiAnAjOnEs0002 8 ай бұрын
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
@Bitfumes 8 ай бұрын
sorry bhai, next video or acha banaunga
@pratikpatil0808
@pratikpatil0808 2 жыл бұрын
upload react js course
@bubuluke
@bubuluke 2 жыл бұрын
Is there a Github repository or do you have to type while following the tutorial?
@jessielaplascaosorno4044
@jessielaplascaosorno4044 2 жыл бұрын
When u first used a phone in ur life it probably was complicated too.
@Bitfumes
@Bitfumes 2 жыл бұрын
Thanks
@Yash_27
@Yash_27 2 жыл бұрын
more money then I would recomnd getting Ableton, it's much more powerful and better organized. You don't need to get the suite
@alto794
@alto794 2 жыл бұрын
It ans you have completed the ga
@Owen.v
@Owen.v 2 жыл бұрын
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
@Bitfumes 2 жыл бұрын
Thanks
@mohamedsaid320
@mohamedsaid320 2 жыл бұрын
missing my ti line sir.
@thepokemontrainer6894
@thepokemontrainer6894 2 жыл бұрын
literally rn..
@Bitfumes
@Bitfumes 2 жыл бұрын
glad you liked it
@zaybrazile427
@zaybrazile427 2 жыл бұрын
Wait.
@Bitfumes
@Bitfumes 2 жыл бұрын
Waiting for what bro??
@QamarAbbas-nb2cl
@QamarAbbas-nb2cl 2 жыл бұрын
interest please let know ahead of ti
@Bitfumes
@Bitfumes 2 жыл бұрын
Thanks for watching, please subscribe and like this video
@krkr2132
@krkr2132 2 жыл бұрын
dont even soft like anytNice tutorialng, was that a problem for more experienced people here as well?
@Bitfumes
@Bitfumes 2 жыл бұрын
Please hit like if this video is helpful
ELECTRON: why people HATE it, why devs USE it
17:19
The Linux Experiment
Рет қаралды 195 М.
coco在求救? #小丑 #天使 #shorts
00:29
好人小丑
Рет қаралды 95 МЛН
VIP ACCESS
00:47
Natan por Aí
Рет қаралды 7 МЛН
Chain Game Strong ⛓️
00:21
Anwar Jibawi
Рет қаралды 21 МЛН
Accompanying my daughter to practice dance is so annoying #funny #cute#comedy
00:17
Funny daughter's daily life
Рет қаралды 27 МЛН
Goodbye Electron.js 👋
6:09
Mehul - Codedamn
Рет қаралды 104 М.
C++ vs Rust: which is faster?
21:15
fasterthanlime
Рет қаралды 406 М.
«Если 50 детей не рожу - ничего не добился»
1:26:17
Саша Сулим
Рет қаралды 1,8 МЛН
Java Crash Course 2022
2:34:27
Bitfumes
Рет қаралды 7 М.
React Tutorial for Beginners
1:20:04
Programming with Mosh
Рет қаралды 3,6 МЛН
Turn Your Angular App into a Desktop App with Electron!
9:31
Israel Quiroz
Рет қаралды 12 М.
coco在求救? #小丑 #天使 #shorts
00:29
好人小丑
Рет қаралды 95 МЛН