Create Desktop Apps With Web Technologies - NW.js
HTML-код
- Опубликовано: 29 авг 2024
- In this video I will show you how to use the NW SDK (Node-Webkit) to create a desktop app with web technologies (HTML/CSS/JS, React, Node, etc). We will take a vanilla JS app and create a desktop version of it in about 10 minutes.
Code: github.com/bra...
Vanilla Web Projects Course: (FEBRUARY1399)
www.udemy.com/...
💖 Become a Patron: Show support & get perks!
/ traversymedia
Website & Udemy Course Links:
www.traversyme...
Follow Traversy Media:
/ traversymedia
/ traversymedia
/ traversymedia
We are waiting for 1M Subscribers
Almost there! :)
😀
Incredible feat Brad, congrats on 1 million subs! That number is my long-term goal!
sorry if this is off topic Brad, but did you read the email I sent to you
@@TraversyMedia Why was the video removed? I never got the chance to watch the whole thing :(
For all those who are having issues installing "nw-builder -D" :
Please install Git on your machine and then restart your machine. Once restarted, please install "nw-builder -D" again and it should work immediately. I had the same issue. The above step worked for me. I have Windows 10.
finally! someone who does code and saves it on a github repo!
You go hard. When do you sleep? How do you learn all these new technologies? You're a genius bruh!
believe it or not I have really slowed down. I worked myself into an oblivion the past 5 years. I am now creating videos and courses less often and spending more time with family. I am still very passionate about this stuff though :)
@@TraversyMedia wish you great success and prosperity. You deserve it. I buy your courses to support and of course better my skillset and you have helped over the years. 👊🏾👍🏾🔥
@@TraversyMedia which book/course do you suggest to learn html/css? Something to do daily to gain strong fundamentals.. thanks!
Classic Italian Culture hey!,for HTML/CSS I strongly recommend Jon duckett's HTML and CSS book.
It's really good
He puts out one video every now and then, and idk.
Probably Google is giving them source material, all the leading "code RUclips" channels are remarkably similar.
Have thought about doing a code tube promo if anything made it worth my while, or just for archive purposes
You just explained in 15 minutes what I've been struggling with for months. Thank you.
Good call! I had looked at this a while ago and, at the time, you couldn't compile for all three operating systems. That was the only thing that stopped me from going further. Now that they have that sorted, it makes NWjs a very exciting proposition. Brilliant tutorial! Based on what I'm looking at, it's faster than Electron (for compiling and starting up).
thanks bro for your great videos and tutorials i've got my first front end dev position ♥
I didn't even know this existed, I only knew of Electron, however, my main bug bear with all of these frameworks and tools are the end file sizes, it embeds so much that the final executable comes out to over 100MB for something that can be coded orders of magnitude smaller.
wtf? Is this actually happening? So much potential there... thank you!!! I hope we can soon start creating iOS and Android apps using html, css and js.
there is already ionic for building ios / android apps using html / css / js check it out
I learnt from you how to make websites, mobile apps and now desktop apps, thank you for making those videos.
Love how you are keeping up with so many technologies. Thanks for always producing Brad :)
Awesome sir, I enrolled into the course but, didn't build the game till now, I will make and back here for my first desktop app.
Congratulations to you sir ,you have finally made it to 1M Subscribers. This shows that with hard work and consistency anything is attainable. You have earned it.
Hey Brad, saw you had 1M subs, and just stopped by your latest vid to say congrats! I'm a long time viewer, and buyer of your courses. Really high quality stuff from a grounded dude. Keep it goin man!
Brad Traversy's daily schedule:
Wake up: no need. I never slept.
Eat breakfast: Coding is my nourishment.
Code: 10 am - 10 am the next day
Shoot videos: 10 am - 10 am the next day
Edit those videos:10 am - 10 am the next day
Brad is an alien 👽 confirmed!!!!
Hey Brad, just halfway done through your MERN stack course on Udemy. Amazing course, great content man. So much to learn. Thank you!!
Awesome Brad, It's interesting that web technologies are now expanding more and being more useful even with the creation of desktop apps. i am currently teaching myself to be more proficient in web development, i got some skill level in HTML, CSS, JS and some PHP, where in i learn most of the concepts when i watch your tutorials. i love the way you teach. keep it up!
very cool I haven't heard of this
oh hey, Brand you're 30k away from 1M! congrats in advance! :) love your tutorials!
Mel & The Web only 3k 😀 you scared me for a minute lol
@@TraversyMedia oh 3k! my bad. :D :D :D
Niceeee ! i'm actually building a weather app using HTML/CSS & VanillaJS and i was planing making the mobile version using PWA and the desktop app using Electron. AND this ahahahah thx Brad !!!
And this is simply why Brad is the best.
The channel and man who really deserves 1 Million Subscribers!
Brad, you're not human. Droid Traversy! i love you mentor
Awesome. I am so happy for you. Finally, your hard work pays off in the form of 1M subscribers soon. All the best for your future projects Brad. Thank you so much for making awesome tutorials.
...2 million and counting :)
@Traversy Media, My heartful Congratulations for reaching 1M subscribers. It's a party time for all technology enthusiasts persons like me. ✨👏😇🙏💐
Love you broo from india 🇮🇳 💓
Wow! I can create my final year projects as desktop apps easily by giving the build folder of react or vue into the nw.js!!! It actually simplifies my job :-)
Thank you very much for the great content that you put out. Can’t believe that you’ll be reaching 1M subs, well deserved and thank you again
This is what I love about this channel @TraversyMedia. Take any problem, and Brad is here to solve it with ease. 😎
1M SUBS. Well done mate. Sooooo happy for you.
Good stuff. I would like to see a comparison of NW and Electron someday. But I don't want to code my whole app in JS. I'd love to see a video on Node FFI for the parts of my app written in C/C++. Thanks!
I plan on using your content to help Bush up my skills and experience here in Scotland.
Do you have a comparison between this and electron? This seems much lighter? Freakin' amazing content btw. Thanks again after all these years.
You always have videos that further push the need for good foundation on JS. // So close to 1M subs!!
Awesome.
You Will surely reach 1M in this week.
I am praying.
Thanks for this content! It really makes very simple converting previous small projects to desktop apps. Awesome!
Congrats on the 1M subscribers Brad!
i just wanna say thank u very much i follwed you since 2018 and am getting good at this thank men
I'm looking forward to the 1M subscribers' video. Big ups much. Thanks for your awesome and very useful videos!
Congratulations for 1 million Brother
Woow,js is getting better and better,thanks brad....waiting for the million subscriber! 😃😃🕺🕺
Thank you so much! Your channel is like ~> *apt-get update && apt-get upgrade* for me ;D
The God Brad Traversy ... seriously u r a legendary developer ...
Just for comparison: native Win32 application with about 1000 lines of C++ code (video processing) compiles to 20 KB executable. And if it does not require COM+ (for Direct2D for example), it can be made as pure C, without ++. No need to install ANYTHING, just copy exe-file and run it. It can be made to support from Windows 95 to Windows 10. It starts instantly even on notebooks with slow 5400 rpm disk drives. It can use all the features that Windows exposes to applications over WinAPI. Like for example Internet Explorer's engine to show web pages. And it has no dependencies besides WinAPI (which is impossible to avoid in Windows application) and standard C library (which can be excluded if not needed).
JS is the future! it's every where
C# .Net can do everything now also and it is more stable than Javascript.
@@friendlyfox2189 yeh true, they both good
@@friendlyfox2189 Everything but run natively inside the browser (even .wasm still needs JS binding).
@@softwarelivre2389 yeah hopefully that changes in the future.
Congrats on 1Million Subscribers Brad!!
your intro really gets you pumped
Thanks Brad for the video. Taking inspiration from The Net Ninja and your channel, I started my channel some months back. I just completed my 1000 subscribers yesterday.
ONE QUESTION:
What is the difference between Electron and this NW.js ?
You near to hit 1000000 subscriber! ASAP!
can't waiting!
1 million sub
Can't believe it
Congrats
Brad we demand your unfiltered thoughts about web development , frameworks and tech in general perhaps a second channel dedicated for that
Huuh! They say Messi is a genius, but I think they forgot one here on RUclips
Nice tutorial. Nowadays js can do anything
Congrats for 1M subscribers
Very good video. Don't let the haters hate you
It's funny that any time I want to do something, you do upload some video about it ! :)
Can you do a video on the difference between licenses like ISC, MIT, and GPL ? not much content around this topic here on youtube and id love an explanation in your way
new information ::: ohhh yeahh I am ready to have a taste of this one..
Congrats on 1 Million Sub Brad
Brad i hope soon vue js frontend will be on udemy for devcamper api, im sure will be the best vue course ever
Who else is dying to see Brad getting 1m subscribers.
Brad congrats for 1 million 😍
Thanks a lot for the great videos Sir. ^^
Love lots from Philippines.
YOU ARE A HERO
Your video tutorials are fantastic ...
Super cool vid! 1 million inc!!!
1 million subs. Congrats sir! 🎉🎉🎉🔥🔥🔥💪
Very cool, Thx Brad. Would love to see you do a video on Expo for mobile apps.
Thanks you are helping millions !
just what i wanted to do ! Love you brad !
Gogogo 1M Brad the GOAT Traversy ❤️
Please do a tutorial on Blazor eventually. I bought your udemy courses, you are one of the best teachers out there. Hopefully you can do a udemy on Blazor.
For linux you can try gjs (GNOME Javascript bindings) which is already installed
Please do an Q&A special video as a celebration for 1M subscribers. That would be great :)
Awesome Video.
Please I'd appreciate it if you could make a video of an e-commerce site with PHP with add to cart functionalities.
Really looking forward to it.
Thanks!
We are learning many things from u. Thanks🙂
Node: 50megs
Webkit: 120 mega
Whatever framework is added another few mega (minified, in ram and code it's going to be huge), so a 200MB app that is made of a lot of single components that make your app break when one of them does it fit (or the user ends up having installed several versions of code at the same time).
Nice future for the users you're building here. Just because you can create rich apps by copying only 20 lines from stackoverflow instead of coding a thousand lines yourself....
3k more to 1M. Well deserved
Another perfect learning experience...thanks!
This is really cool. Thanks for the video!
321 MB for a 100 lines of code!! NO! NO!
GUI is pretty expensive. There are some alternatives, like Proton.js, but they are still in alpha/beta, from what I've heard.
@@softwarelivre2389 or good old c++
use python + tkinter. not counting the python install it will be under 10kbytes.
Just for comparison: native Win32 application with about 1000 lines of C++ code (video processing) compiles to 20 KB executable. And if it does not require COM+ (for Direct2D for example), it can be made as pure C, without ++. No need to install ANYTHING, just copy exe-file and run it. It can be made to support from Windows 95 to Windows 10. It starts instantly even on notebooks with slow 5400 rpm disk drives. It can use all the features that Windows exposes to applications over WinAPI. Like for example Internet Explorer's engine to show web pages. And this application has no dependencies besides WinAPI (which is impossible to avoid in Windows application) and standard C library (which can be excluded if not needed).
@@okaravan Not cross-compatible, though.
Hi Brad. I really like your videos got so much to learn from it. Can you please create a tutorial on electron js vs neutralino js and nw js??? Which is the best one, have good community and support etc. Thank you 🙏
The alternative to electron right
I might be wrong, but I think with NW you can also run node on the web, and so you can use the same code for your web page and desktop app. Whereas with electron, you can only run it on desktop but not on web (although of course it uses web technologies so you will probably reuse stuff from your web app).
@@Wouterdobbels Yeah, I think you are correct. I just started getting into this and playing around with it. There are some differences between the two. I am much more fluent in Electron than NW.
@@TraversyMedia How you learn new technology so quickly?
@@iUmerFarooq When you know fundamentals of certain technology it is not hard to learn a new one based on that technology. And of course your experience will help you out. The more you have it the easier you learn.))
@@AuthorReviews well said. Thank you 😊
I love the way you explain things but I don't know why I have not been able to understand logic behind programming for the past two years and I don't want to quit
In order to understand programming, you need to understand the process of whatever you want to build, Brad explains really well, but imo he lacks the best practices and fundamentals, if you don't have the understanding of why you are doing something then you won't be able to progress in that field.
Another great video! You're the best.
Thanks! I ran across LDtk, which is a level editor. Its implementation for linux currently requires nw to run it. This got me wondering how I might use in for one of my own apps in the future.
"Small tools"? That executable is 320 mb... I mean... how? That's insane :P Anyway, thanks for the video :)
Considering it is packing Chromium, it's not that of a surprise
@@softwarelivre2389 Yeah so does Electron, and those apps tend to be around 120mb.. where's the extra 200mb? :S
It's a stupid and wasteful concept to statically link Chromium. They should have made it a runtime library that is a dependency for all your nw.js apps.
@@ljuglampa I believe electron only packs some parts of Chromium, while NW.js packs it as a whole, but I might be wrong.
@ They do it that way so that the version of Chromium that you wrote your code is the same one that is executed on the client. But yes, it is not very optimal and could be handled way better.
Great video Brad as always! The only downside I see to this tool is the huge size of the executable, I think because in some way the app is embedded to a Chromium Browser. But as you mentioned, this can be very useful for fast developing of tools and is Multiplatform. Thanks again for your great content. I'll be looking forward for your next video. Regards from México!
Or tauri
Hey man, I found complicated making desktop apps with NW.js and frameworks like react.
Can you make some tutorials on this area? By the way love your videos!Great job! 😃
I get an npm error doing this (npm i nw@0.44.1-sdk nw-builder -D)
Actually NW is way better for a production build than Electron since NW provides much better production support like stripped off debugging tools and code protection support via full compilation. Planning on switching all my Electron projects to NW.
What are your views about NeutralinoJS? Is it production ready?
That's just so coooool, Brad!
very funtactic tutorial
1M subscribers are just around the corner
Awesome!....nice video as always, hey Brad I have a question... Can we use this with react web apps?
At 1:54 I don't understand what you are doing. What coding program are you using? Thanks for your help :) My coding program doesn't have anything that says, "Terminal" at the bottom for typing.
Visual Studios
Cool stuff. Thank you Brad 👌
Was looking for something like this!
As always!♥️♥️♥️ from Bangladesh
Wow good job!!!👍👍👍