Create Desktop Apps With Web Technologies - NW.js
ฝัง
- เผยแพร่เมื่อ 24 พ.ย. 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 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).
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 TH-cam" channels are remarkably similar.
Have thought about doing a code tube promo if anything made it worth my while, or just for archive purposes
thanks bro for your great videos and tutorials i've got my first front end dev position ♥
Love how you are keeping up with so many technologies. Thanks for always producing Brad :)
I learnt from you how to make websites, mobile apps and now desktop apps, thank you for making those videos.
And this is simply why Brad is the best.
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.
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.
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!
Hey Brad, just halfway done through your MERN stack course on Udemy. Amazing course, great content man. So much to learn. Thank you!!
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.
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
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
1M SUBS. Well done mate. Sooooo happy for you.
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....
Love you broo from india 🇮🇳 💓
What are your views about NeutralinoJS? Is it production ready?
Congrats on the 1M subscribers Brad!
The channel and man who really deserves 1 Million Subscribers!
your intro really gets you pumped
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. 😎
Brad, you're not human. Droid Traversy! i love you mentor
The God Brad Traversy ... seriously u r a legendary developer ...
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!!!!
Congrats on 1Million Subscribers Brad!!
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 :)
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 !!!
Do you have a comparison between this and electron? This seems much lighter? Freakin' amazing content btw. Thanks again after all these years.
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
I plan on using your content to help Bush up my skills and experience here in Scotland.
You always have videos that further push the need for good foundation on JS. // So close to 1M subs!!
Thanks for this content! It really makes very simple converting previous small projects to desktop apps. Awesome!
i just wanna say thank u very much i follwed you since 2018 and am getting good at this thank men
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 :-)
Congratulations for 1 million Brother
Congrats on 1 Million Sub Brad
1 million sub
Can't believe it
Congrats
I'm looking forward to the 1M subscribers' video. Big ups much. Thanks for your awesome and very useful videos!
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!
Who else is dying to see Brad getting 1m subscribers.
Woow,js is getting better and better,thanks brad....waiting for the million subscriber! 😃😃🕺🕺
Brad we demand your unfiltered thoughts about web development , frameworks and tech in general perhaps a second channel dedicated for that
@Traversy Media, My heartful Congratulations for reaching 1M subscribers. It's a party time for all technology enthusiasts persons like me. ✨👏😇🙏💐
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).
You near to hit 1000000 subscriber! ASAP!
can't waiting!
Congrats for 1M subscribers
Thanks you are helping millions !
It's funny that any time I want to do something, you do upload some video about it ! :)
Brad congrats for 1 million 😍
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 ?
Your video tutorials are fantastic ...
Awesome.
You Will surely reach 1M in this week.
I am praying.
Very good video. Don't let the haters hate you
YOU ARE A HERO
just what i wanted to do ! Love you brad !
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.
Gogogo 1M Brad the GOAT Traversy ❤️
Thank you so much! Your channel is like ~> *apt-get update && apt-get upgrade* for me ;D
new information ::: ohhh yeahh I am ready to have a taste of this one..
The file size is a dealbreaker
Super cool vid! 1 million inc!!!
Huuh! They say Messi is a genius, but I think they forgot one here on TH-cam
Nice tutorial. Nowadays js can do anything
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
Brad i hope soon vue js frontend will be on udemy for devcamper api, im sure will be the best vue course ever
Thanks a lot for the great videos Sir. ^^
Love lots from Philippines.
Another great video! You're the best.
3k more to 1M. Well deserved
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.
level: 'error',
timestamp: '2023-06-17T11:58:09.337Z',
[Symbol(level)]: 'error',
[Symbol(message)]: '[ ERROR ] 2023-06-17T11:58:09.337Z package.json not found in srcDir file glob patterns.'
Did you find a fix for this?
"prod": "nwbuild --platform linux --arch x64 --outDir dist/linux --glob=false src"
this is ofc whit version 4.5.3 of nw-builder
1 million subs. Congrats sir! 🎉🎉🎉🔥🔥🔥💪
I get an npm error doing this (npm i nw@0.44.1-sdk nw-builder -D)
That's just so coooool, Brad!
Very cool, Thx Brad. Would love to see you do a video on Expo for mobile apps.
We are learning many things from u. Thanks🙂
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.
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.
Another perfect learning experience...thanks!
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.
For linux you can try gjs (GNOME Javascript bindings) which is already installed
1M subscribers are just around the corner
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.
Please do an Q&A special video as a celebration for 1M subscribers. That would be great :)
Love You and your Stuff !
Cool stuff. Thank you Brad 👌
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!
i'm you huge fan wish you 1 M
Was looking for something like this!
Almost 1M subs I can't wait 😍😍
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 🙏
As always!♥️♥️♥️ from Bangladesh
Hey Brad, could you make the video about how we can store the data in the computer itself for example in documents/breakout instead of saving it in database
What do you think about NWjs vs Electron? in terms of security? ease of building? and updates? I've been dealing with Electron lately and it was really tough.. I hope to get an answer from you! Thank you :)
very funtactic tutorial
As always, thanks !