Node.js Ultimate Beginner’s Guide in 7 Easy Steps
Вставка
- Опубліковано 2 жов 2024
- Why learn Node.js in 2020? Master the fundamentals of Node in 7 easy steps, then build a fullstack web app and deploy it to a cloud server. Follow along in the full article: fireship.io/co...
1. What is Node?
2. How do you install Node?
3. Hello World
4. Know the Runtime
5. Events
6. File System
7. Modules
8. Build & Deploy
Node nodejs.org
#nodejs #javascript #tutorial
Install the quiz app 🤓
iOS itunes.apple.c...
Android play.google.co...
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
Atom One Dark
vscode-icons
Fira Code Font
There’s a ton of hype around Deno right now (which is an awesome thing), but be careful jumping on the hottest new trend of the week. If you want to get shit done today, learn Node.
Not only today but at least for another year. People will start using Deno for new projects a bit here and there, but there will still be tons of existing Node projects and jobs, and tons of new Node projects. Most companies are not eager to start using something new, they wan't something that was tested in production countless of times and something they can count on, because their money depends on it. New developers tend to believe that some technology is popular because they see it everywhere on youtube, but that's not always the case. Spring Boot framework for Java can be found in almost every large company, yet it's rare to see tutorials on it and doesn't seem that popular.
@@dominikotocan1348 It needs to be 10x better than Node for companies to make an investment to change, right now its only slightly better.
Yes, hype is dangerous when it comes to new technology and the worst thing about new hyped technology is deployment. You cannot deploy deno, actixweb or rocket.rs (which are all amazing technologies) as easily as node. And this is not limited to JavaScript world. The same is with for example Godot engine which has no official support for Google AdSense.
@@Fireship True. But even if it was 10x better than node, companies would still wait a long time before using it. Some of them might start to use it for internal, non-critical projects that won't cause any trouble if they crash. But using new tech to build apps for clients that pay you is a dangerous game. Since deno is new, there is a possibility of it crashing in production with some obscure error that takes days, or even weeks to fix. No one wants to risk that kind of thing, clients are losing money because the app they use to do business is not working and companies are losing money and possibly a client. When both your and your client's business depends on the tech you use, using something that isn't properly tested, used and abused in production is a very bad idea.
@@dominikotocan1348 I believe deno's best use case right now is in simple automation scripts for data analytics, since native fetch and top level await just make things much better, and also because it is very easy to update (just run 'deno upgrade' and you're done) and native typescript support is just neat.
Deno: gets released officially.
job posts: need to have 2 years professional deno experience
12+ is more likely.
ehh its 10 years
😂😂😂
Lol
AT LEAST 2 years, but 5+ years of using Deno for building space-shuttle backends would make you an ideal candidate!
"Show off your API to friends and family". I'm sure my mother would be stoked to see my new API :')
lmao
show me your API
😂
Step sister will surely be happy :")
wonder if it will make my dad come bac :')
Your style of teaching is most unique. Its like entertaining and informative at the same time..
I agree😁👍
Wrote correct "you're" where it wasn't needed.
Your*
I agree :D
Agreed!
I love how quickly you move through content. It actually makes it bearable to watch. I can't stand the 37 minute videos where most of it is just waiting for the person to type what they've just said
yup. we've got controls , we can slow down or pause the video if we need to. following along with the written content makes it even more accessible.
Not only that, some videos are 1 hour long and basically provide only repetitive content. If you want to show how a mergeMap works, don't show me how you create a new module and routing so you can get on a separate page where you want to do your thing 😞
I hate how quickly he moves through it
I like to see the UA-cam video playback speed controls as an accessibility feature for people with ADHD
Lately after realizing I probably have ADHD (but not having gone to a doctor about it yet) I’ve found it to be extremely useful, it’s like I need a certain throughput of information to keep my attention focused on something, and accelerating video really helps me with that
Yeah, if a video’s gonna be 37 minutes, it better be packed with engaging information. 3 minutes or less of fluff.
Great video as always.
By the way, I'm hiring a Deno developer with at least 5 years of experience.
lol
😂😂
I have 10, am I overqualified and will be instantly ghosted?
I've repeatedly gotten calls like that. I've had to say "technology X has only been around for two years, and for the first year it wasn't popular...NOBODY has five years of technology X"
Deno is new
damn the quality of the content in this video is off the charts
Ya
Happy to agree
9:32 'If that's confusing to you, well all I can say is: Welcome to the JavaScript world' 😅 😆 haha exactly
More confusing than Java streets 🤣
Best part: "Congratulations! You're now a full-stack Cloud architect" 😆😆🤣🤣
i dont think this is for beginners
This is for developers who want to start with nodejs. But has previous experience with JS and other services in general
I think we need to learn JS first before beginning Node, plus Its very beginner friendly for someone who just finished Js
He can easily start with Node here
That’s all fine and great, but as a noob, I still have no idea why you did any of that, or what it actually did.
Not even remotely.
This video might be helpful for people that already know everything you just explained.
Skills issue
Hi ! This video is for those who already know Javascript. Otherwise, yes, you will not understand anything in this video. 😉
Well I guess JavaScript in general is confusing af in comparison to php
Everyone : Perfect Tutorial doesn't exist!
Fireship : HOLD MY BOTTLE
Beginner means someone who is just getting started on a subject. This is not a beginner friendly video at all. It looked more like you were trying to do a speed run review for someone who at least know the basics already in which case wouldn't even have much of a reason to watch this video in the first place.
I am a complete beginner to JS and I disagree with you. If you have no familiarity with computer science or programming then sure, this would be hard to follow, but I don’t think that’s the intended audience.
Bro roasted deadly 😂✌️
I believe the implication is that you’re beginner to node, not a beginner overall. There isn’t much use for node to someone who doesn’t even know the basics of JS. If you don’t know that yet well enough to begin thinking “what can I do with all of this” then learning node has no use to you. Basically if you’re starting to learn the basics and are already getting into node you’re getting ahead of yourself.
Your videos are absolutely stunning!
They’re so helpful, you know you explain essential things with very concise explanations, I guess that makes your video shorter than most of other content creator, amazing, keep it up!
Agreed!
True . I actually watch them a few times as they are packed with information .
You are amazing. don't stop with this. One of the few channels that are dense enough in information yet still you don't leave out crucial explanations (or make asaumptions of existing knowledge), and isn't annoyingly slow.
Total beginner here and you are catapulting my skills by lightyears right now!!! Keep the pace!! HYYPE!!!!
Ok I've been learning Javascript for 1 year now, and the only thing I understood you saying was console.log("Hello World"); anyways great video my friend. Maybe I should just quit while I'm ahead 😔
Thanks for the Tutorial. I’ve Built an App which displays “Hello Internet” Text. Can I Sell My App?? Only Serious Buyers.
I love how quickly the info is presented! FINALLY tutorials I don't need to speed up!
It's great to just get the basics so I can do what I need with them instead of building an entire app to learn a few features.
no need to speed up or understand anything either
@@MrMeeseeksPiano whatt???
@@princeadigwe3764 simple, this video isn't for beginners, in fact, it isn't even a tutorial. It's more like a "curiosities" for people who already have a grasp of the basics.
@@MrMeeseeksPiano plsss, are you conversant with nodejs. Could you point me in direction of resources to learn with. I've been scrolling through youtube and I haven't seen anything tangible *begging emoji here. I'm too lazy to find it*
@@princeadigwe3764 unfortunately I never really got around to node. It had been chosen as the framework for a project initially but got dropped. In any case, node seems to be a framework for javascript anyway, so you can't really skip steps. If you don't know javascript already, maybe you should start by there.
Anyone else getting ReferenceError: readFile is not defined at the last part of the tutorial?
Same. He mentions the answer later, but I guess he forgot to put it earlier in the video:
const { readFile } = require('fs');
Alternatively, we can add: const fs = require("fs");
and then add fs. before readFile: fs.readFile('./home.html', 'utf8', (err, html) => { ......
When you see 16:20 minutes of content from Fireship 🔥: I’m gonna be an expert at this sh*t!
Thanks a lot for all those awesome videos bro!
the whole thing went over my head
I watched this Video a year ago and it was so helpful. Today I rewatched this video and understood that I didn't understand a single thing back then.
Love how concise and to the point your videos are. I’ve been developing with node for a few months but reminding myself of the basics with videos like this is so helpful. Thank you. Love the emojis too. 👍🏻
Hi fireship, you are the best bro, make more structured content on node js, really looking for it. Love from India
Deno will stay in the shadow of Node for some time at least. When I hear that Deno will kill Node I know I'm talking to a Junior. (I'm at Junior lvl btw. Don't create framework war)
it will not become popular, npm is owned by github now wich is microsoft essentially who has endless pits of money.. you think they can't bring npm to new levels?
a single/small team vs large corporation... there's no competition there...
same way junior node people said it will replace PHP and other languages.
Legend has it that if you are early you'll get a heart from Fireship ;)
I understand that this video is a number of years old, but this approach to working vscode does not work anymore. Output from the console.log command does not go to the terminal unless you open a "JavaScript Debug Terminal" You can do this by clicking the play button with the bug on it on the left side of the editor. this will pup open the "Run and Debug" dock/view. in the middle of that should be a blue button labeled "JavaScipt Debug Terminal" click that and it will open a terminal that looks just like any other, but when you issue a node command, your output from console.log messages WILL show up.
I promise you this stuff is confusing....but this video helped. Just need more reps
Damn Fireship is so on fire! Mad respect.
This is EXTREMELY USEFUL. You explained better than 50 web pages, 5 YT tutorials and ChatGPT together, Thank You! :}
9:33 If you confused I would say welcome to the JavaScript World 🤣😂
One month after Deno: NODENO - Solving the problems with Deno...
NODE can have 24 different combinations, and the last one will be DONE
NODENODENODENO...please break the infinite loop
Seems quite straightforward if you know Python and basic regular JS.
I know neither, this seems arcanic
Why python, I didn’t see any python🥵
@@luzli9134 Because many concepts are similar or basically same, just with a different syntax, and it can often be used to accomplish the same goal.
I went into this thinking I may be able to understand JavaScript more after, but now I'm only more convinced that JavaScript is just cursed. There are just so many keywords and operators in this language.
2024 and node is alive and well!
Shout-out from almost 2024: never heard of deno.
i got a nzt pill now am watching all his videos
Bun be like : "😁"
Mate, can I give me some advice on how to start editing like you? You have mad editing skills, it's just awesome. Thank you!
UNTIL HELLO WORLD WAS EV OK, AFTER THAT I CANNOT UNDERSTAND NOTHING. IS THERE A DUMMIES NODE JS COURSE? CHEERS.
huh... you are the only one person (channel) better than TraversMedia in teaching. Hope you will focus more in depth on React, Typescript and Nodejs :)
I've been using python recently and I feel like my knowledge in nodejs is getting a little bit rusty, this is a really good refresher course.
I've spent some time on coding with node, just to do some simple stuff, and coming back to see video feels like a throwback of my coding problem log, which answer some of my question, much appreciated!
This is a really bad tutorial for a beginner. You use SOOO many terms that someone who is just getting into learning js and web development won't have a chance of knowing. This just keeps making it so i lose understanding of what you are doing and its annoying.
well i dont personally think this is the starting place for that, i would recommend just getting familiar with at least accessing apis which can be done via python.. I would also recommend creating basic site since you say new to js- and if you are comfortable enough you could try going for a dynamic one with firebase to learn.
You are the best, just a little request. Fireship,
Kindly make a series for complete MERN stack web app. Also please teach Role based access control. and dashboard building...
Lots of love, big time fan...
That deployment in Gcloud blown my mind 🤯🤯
Welcome to serverless
This is my first time enjoying a coding tutorial
I've been coding for over 20 years and your video has been one of the better ways to learn, too bad you didn't exist years ago, maybe I could have gotten more out of Microsoft or IBM when I was younger and join as a developer upon being acquired.
How do you rename your Terminal command Path into node-app?
This is way to fast for beginners. You show some of the code for literally a second then switch, w/o giving us an opportunity to code along and digest the concepts..
Here's a cool concept. Pause button. Playback speed. How many more hand-holding tools you need to learn?
Really good content! I’ve been looking for something / someone to get me into Node, as I’m coming from a .NET background. Can’t wait to get into MERN. 🤙
Umm, these videos are not good. None of them. I mean, how am I (as an under-skilled over-ego'd programmer wanna-be) going to compete against people who actually benefit from your videos? Yah, you got me. I have viewed about 25-30 of your videos so far, and wow. Really wow. So compact, so spot on... brilliant. If I wasn't so fuggin broke I'd subscribe to your full courses. Hmm... I painted myself in a corner with that last statement... I can't afford NOT to subscribe. Consider me your newest subscriber (as of the date-stamp of this comment).
Just signed up for a lifetime subscription. The free UA-cam videos alone was worth the price, I can't wait to continue learning!
Thank you George! Really appreciate the lifetime commitment :)
Hello, good video, but I have a question..
how we can integrate angular in html response? Am very interested in haveit angular app inside in node express server...
that way void cors problems etc... and I think will be ease to program
I'm rewatching this after watching the nodejs documentary :)
I just learned (finally) what a callback is. Thank you,
poor PHP, standing in the corner waiting for it's turn haha
Is it possible if I run Node js and Xampp simultaneously?
I just really want to get a deno project live!
Just a little history about JavaScript on the server side before node.js that you missed.
Netscape had the first JavaScript Server.
Also in M$ IIS 4.0 introduced Server side JavaScript using ASP.
4:16 - 4:19 I immediately ran into an id10t error.
Haha! My 2014 tweet STRIKES AGAIN! Please note, it has been pointed out multiple times it is not perfect, and I fully admit that is true.
10:12 yooo is someone snoring in the background of the recording 😂
This channel is amazing. A framework about frameworks for people who want to frame their work and/or use frameworks!
Never heard of Deno, but I like the logo
The way you explain the topic is very beautiful, so my mind needs someone to explain in this fast way
Stopped doing a project in nodejs and completely changed it to python, because i didn't know how to do it in node, seeing it now, i realized i could've just used an asynchronous function
this is not for beginners...
something I never understood was how to run node on a regular server without specifying a port (eg 3000), like a normal webpage .... everybody seems to gloss over that or use a completely different method like this video
It's the claps for me.
I'm watching this to make sure it's good to share with a friend learning Node, and as soon as you mentioned NVM I knew this was fire. It's the only way to install Node as far as I am concerned, but it feels like it's still relatively unknown
Awesome video. Would love to see a "unit tesing in 100s" kind of video from you.
These events are a quite interesting concept I saw in many libraries without understanding what they were doing.
And by the end of the video I've completed my whole project and deployed to prod.
Edutainment?? no... Produtainment.
Hahaha, php is getting killed in people's mind every day, I can feel nodejs pain
Can you make the same tutorial for Deno?
I still would like people to show the code difference between the two(specially the event hooks), but I just see the same example over and over
Why are we reading the file before sending the response? Can't we simply do response.send(file.html); ?
Teaching becomes very easy when you have a crystal clear idea about what your going to teach... ! Fireship is the best example of this.... Awesomely explained callback's and callback hell😎
Man, I'm so lost. I coded with PHP/MySQL 10 years ago but never had to use command line for anything and always had servers spun up for me where all I had to do was drop the php file into the root and everything else just magically worked. While I don't fully understand what's going on I am able to successfully "firebase init" and it'll create a functions directory for me which is where I assume you have to run your node.js files at? Here I see you just created the "index.js" file wherever and it just worked automatically? I can type "node -v" to verify I'm running v14.17.3. I can "firebase deploy" my html/css files successfully and I can run "firebase emulators:start" and test everything locally as well but I have not been able to successfully run a node.js file. When I do "console.log(module);" I just get this exception: "Uncaught ReferenceError: module is not defined"
:(
this is the first time , i got understand almost every thing. in your web devlopment.... video(thanks👍👍)
this guy is amazing. all your videos are so easy to understand, and practical..
Had forgotten node cause I haven't been coding in it for like a year, and somebody just called me yesterday for a node developer job position. That 16 minutes just refreshed all of it, now I can code in node confidently again.
Thanks man👍
Can you make a video on ::after and ::before pseudo selectors?
you can watch kevin powell's video, he explained it pretty well!
It just creates element but from css, if content property is set to empty quotes, element will be without text, its basicaly the same as creating inside that element you planned to use :after,:before but you should not use transition and animation on elements created with :after,:before becpuse none of safari versions support that.
Lol, you literally properly explained node js under 15 mins, a task that took other creators more than an hour.
👍 nice job.
Learning React currently... Might as well continue learning Node lol... I left it after learning some few basics 😭
By far you're the best code teacher in youtube, english isn't even my born language and i can understand concepts from u way way better and more clear rather than youtubers who speaks spanish lmao, thank a lot!
I've been doing NodeJS for 5 years and I was impressed by Deno by the first time. But that said, have you checked out Phoenix? Its for Elixir, but is so good for concurrency stuff.
I messed with Elixer about 5 years ago, was impressed, but never got into into.
Hahaha!!!! I got your JS beginners guide right here.
It's called "Remove", "Delete", or "Pretend you did cuz your friend did"
JS sucks. C rocks.
Trump 2024
11b
Very nicely explained, Thank you so much!
😅4th attempt let's gooo
Even being a Angular developer never knew node js is that easy to build and can be deployed with scalability.
Your videos are very informative and yet funny thanks ♥️🙏🌝
Wow, I learnt more in 15 minutes, than 5 years in my University 🙀 congrats 👋👋👋!!!
“Up until 2009 it was impossible to write Javascript code on the server.”
You could write server side JavaScript (technically a subset called JScript) using Active Sever Pages in the 90s brotha.
I loved the quick pace, a lot of basic info in a such a short time. This is the first time I didn't have to manually increase the speed. Thanks!!
Not true, I wrote JScript (Microsofts renamed version of JavaScript) on the server back in 1999 ... though, I guess I was one of only two people in the entire world who did that ... first mover, anyone? ; )
I'm in the coding bootcamp of Angela Yu and I didn't understand what node really is, like, I need express for using node? Why I always heard about node but never about express? The course of Angela is awesome, but barely talks about node.
If I need express for using node, what is really the power of node? I don't understand, would be great to know everything about node before even learn about express.
OMG ! THIS GUY CAN TEACH SO MUCH IN JUST 16 MINS. clear explanation of concepts though 👍
Half of 2023 gone by - I almost forgot Deno
Always very amusing how JS Frameworks don't understand KISS. Million prerequesits needed for a simple project. install this, install that, get a account here etc. etc.