What is NPM, and why do we need it? | Tutorial for beginners

What is npm? This 15 minute beginners tutorial to npm (Node Package Manager) will walk you through how to install npm on your computer, and how to install and update packages for your projects.
🔥 My course: Responsive Design for Beginners! coder-coder.com/responsive/
💻 Become a full-stack web dev with Zero to Mastery: academy.zerotomastery.io/a/af...
SUPPORT THE CHANNEL
⭐ Join channel members and get perks: / @thecodercoder
🏆 GitHub sponsors: github.com/sponsors/thecoderc...
👏🏽 Hit the THANKS button in any video!
🎨 Get my VS Code theme: marketplace.visualstudio.com/...
WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners: coder-coder.com/responsive/
🌟 Gulp for Beginners: coder-coder.com/gulp-course/
_____________________________________
0:00 - Intro
0:14 - Why do we need npm?
0:52 - What is npm?
2:14 - How to install npm
2:44 - Which npm packages do you need?
3:25 - Installing global and local packages
4:46 - What does the package.json file do?
5:59 - Dealing with npm package dependencies
7:55 - How semantic versioning works in npm
12:41 - What does the package-lock.json file do?
_____________________________________
RECOMMENDATIONS
💻 My Gear -- www.amazon.com/shop/thecoderc...
📚 My Favorite Books -- coder-coder.com/best-web-deve...
📺 My Favorite Courses -- coder-coder.com/best-web-deve...
_____________________________________
FOLLOW CODER CODER
Blog -- coder-coder.com/
Twitter -- / thecodercoder
Instagram -- / thecodercoder
_____________________________________
#npm

[@catreunion]

Thanks!

[@TheCoderCoder]

whoa thank you!

[@Ramsey.001]

Can I run php and sql in nom live server ?

[@RafiBarides]

this was the first coding video I've ever seen that was not dry as a rock. Graphics, animations, understandable breakdowns, background music, aesthetic talking head shot with a theme and color palette. comprehensive, easy to watch, and very thorough.

[@TheCoderCoder]

Thanks so much!

[@danielalfredorayoroldan3075]

Those animations were insanely wonderful! mixed with that well-written script. Nice video

[@TheCoderCoder]

Thanks so much for your kind words-- glad you liked it!

[@Taumee412]

@@TheCoderCoder I was about to say the same as Daniel said! Love your videos! Well done, i love it!!! :D

[@ethantseng445]

@@TheCoderCoder Thank you! Love your videos!

[@ChrisCourses]

Name another KZbinr with this quality of animation and education. The world would be a much better place if all course classes were taught like this!

[@dkodesb155]

Perfectly made video for educating people on NPM. The animations and transitions and sounds.... AMAZING. So happy I found your channel. :)

[@achtube85]

I can't describe how pleased I am with the way you structured this video. And not only the content is impeccably delivered... the animations and sound effects make it a 10. Thank you! So looking forward to your course!

[@captainicy1883]

I've just begun finally learning and using npm and node in general. This video is extremely well made and a huge help for me as well as many others, I'm sure!

[@ShaluSharma-fu6bo]

You have exemplarily taught so many topics in such a short video and that too in a so so simple straightforward sequential manner. Thank you so much!!

[@kaustav604]

The editing and the explanation is so perfectly done

[@thx-man6694]

This is by far the best beginner video for npm that i've seen. It contains everything you need to know to start working with npm. I was also very impressed with the overall quality of the editing and the animations. Great job ! 👍

[@keifer7813]

Honestly, this is probably the best video I've ever seen explaining a programming topic. I'm only halfway through and you've made the whole thing crystal clear. Them animations too 👌

[@iacopocarlini]

As a Web Developer, I want to say thank you for the amazing content, loved the quality and the animations. Keep on like this :)

[@karenpoveda29]

I LOVE this video! All the work and effort put into the production is mind-blowing, the content is superb and the deliver from you is just impecable (your voice is so soothing). All in all, just great... Don´t have enough words to express how much your channel and work mean to me. Thank you.

[@TheCoderCoder]

Thanks so much!! I'm glad you enjoyed the video and that it was helpful :)

[@cdmaguire1]

Could not agree more!

[@gee9099]

Amazing! You actually answered all of my questions that popped up while watching other tutorials that no one else ever answers. Thank you!!

[@kevinjansen5348]

Thats one of the best coding tutorial videos I've ever watched. Well done, Jessica! :)

[@hardryv3719]

I've been browsing how-to clips for many hours today, and this was the very first that: a) was titled properly & accurately b) got to the business at hand without pointless sales or preamble c) gave clearly-spoken instructions from front to back with appropriate well-explained examples Loved it. Thank you so very much. ;)

[@virgobeautygg]

Outstanding! Best NPM video I have seen thus far. Keep up the great work. Animations, clarity and design are stellar.

[@brzdogz]

This video is in another level, so well made. Awesome explanation from beginning to end.

[@ViruSamah]

I've worked with npm env. for years but still watching your video for the high production and the nice Info you provide, thank you.

[@tommyphong8586]

OMGG, thank you for breaking down such a complicated topic into something so easy to digest!!!! Really appreciate the effort you put into it!!!

[@kithowlett8374]

One of the best all round tutorial videos... production quality is second to none!

[@MrPratitb]

Dude your video is absolutely amazing. Next level. Although its a 14 minute video, I know that it would have taken 14 hours for you compile this all together. Brilliant work and explanation

[@NikhilKumar-tk3rh]

one of the best explanation on a topic comparing with any explanation on any topic by any person here on youtube...systematic,precise,concise....

[@Adam-eats]

This dropped just in time. Just started to learn NPM. Thank you!

[@TheCoderCoder]

Glad it was helpful!

[@personalitymain5034]

I'm getting started with this blog site, and this was the first video to come up, and it's just absolutely phenomenal work that you do. Keep up the great work genuinely!

[@chikanma5021]

You also need to make a course on making videos no other programming KZbinr uploads withs higher quality

[@TheCoderCoder]

haha thank you! Maybe in the future!

[@Phoenix-xo7pn]

Awesome content. It's really helpful that you give visualizations of the ideas as your talking about them. It makes learning much easier.

[@bbb55590]

This is amazingly produced. Great job. This is the quality content that us beginners need!

[@LucasSantos-wp7ji]

Insane production value and quality. I learned so much in 15 minutes! Thanks for making this!

[@AdekunleLawal]

Really nice video 👏🏽👏🏽👏🏽. Love the graphics and also the simplicity with which you explained the concepts. Thanks ❤️

[@ahmedAltariqi]

I’ve never understood 100% from a tutorial UNTIL I watched this video!! Wow I’m just shocked… really high quality video and incredibly easy to understand explanation. ❤️

[@enestahaoz1537]

As a self-learner, I think this is one of the best sources to get a introduction about npm package manager. Thanks for this video.

[@aldanamichelino]

I'm not a beginner beginner, but this video taught me many things I didn't know about NPM. And the edition looks supercool! You're a genius!

[@abhirammadhu2973]

This video is a gem🤩 The explanations, animations and everything is so perfect. All other videos that I have seen, they overcomplicate things.

[@pooCBH]

Thank you so much for the excellent tutorial!!! I just happened across this while searching for a way to understand npm, and everything related and you saved me hours of time and the graphics and clear explanations are great. Thank you so much

[@oneeyeopened8138]

this is one of my favorite channels its simple and to the point and the presentation is on point

[@r4id395]

WOW! Literally the best explained, visualized and structured tutorial i've ever seen on youtube. Please give her an award. I'm very satisfied after looking this! I've ervery infotmation i was looking for! Keep forward! :)

[@gonzalobruna7154]

the production on your video si outstanding, definitely suscribed and liked the video. Super intuitive, well explained and easy to follow, I can't believe you don't have more popularity, but hopefully that changes soon, the best of luck for you !

[@zakhariihusar6975]

It's a pleasure to watch so nicely visualised tutorials 🔥

[@manuxalfhalo]

I'm a senior level programmer analist, and I need to start using react, node js and other technologies for some new infraestructures in my job, on some of my reserch time I found this video. Your videos are very structure and well edited, I wish I could learn like this when I was on my career haha, thank you so much for your work

[@philip2.042]

Thank you so much for explaining everything in such an understandable way. You make it real easy for me to start getting used to these tools.

[@tarunkumar.d8379]

This was so amazing, I am so happy for you and proud of you, you're doing super awesome, keep it up and always thank you so much for helping us out, I sincerely wish your channel reaches the heights that it deserves. ❤️❤️

[@TheCoderCoder]

Thanks so much for your kind words! Glad my videos are helpful for you!

[@tarunkumar.d8379]

@@TheCoderCoder YAAAAAY, I got a reply from you ✨✨💛, yes it's very informative, I aspire to be as great as you ✨. Thanks again :)

[@pearceoshea7611]

Very helpful and really well presented/recorded/paced! I'm impressed and more learned!

[@alexthewebdesigner1856]

I watch a lotta web development tutorials and must say that this is one of the best that I've seen!

[@digitalfortressuk598]

Absolutely fantastic video on NPM. Clear, concise and spot on. Thank you.

[@tatianeleal890]

This is for sure an outstanding tutorial on NPM! Thank you!!

[@koustubhbs7376]

This video feels so welcoming to beginners, thanks! Great visuals too!

[@thineshkumar1389]

Such a good video on npm. The animations and visuals makes it more helpful and fun. Thanks alot Coder Coder!

[@EnesKab]

Wow. Such an amazing production quality and a value bomb ! Thank you so much.

[@22februari1999]

This video has ridiculously high quality production, definitely deserves way more views!

[@mohaktrivedi9591]

Wow! What a concise explanation! And thanks a lot for such super-awesome animations!🤩

[@jiggy7928]

I really enjoyed this video. I'm looking forward to your course when it comes out.

[@gianlucacioni93]

Amazing video!!! I love how informative it is and surprisingly easy to follow along.

[@nwilson135]

The editing of the video and delivery of the information was 10/10

[@muadzrosli]

Just, wow 👏!! Awesome animations and sound effects, also great and easy to understand explanation.

[@saswatrath4646]

Great video! I was having a hard time as a beginner trying to understand npm in a short span of time ypu explained it wonderfully like a charm.

[@marijnl963]

As a new programmer, from all the youtube videos and Udemy courses I've been following last few months this was the most clear and easy to watch. Very well edited, highly informative. Definitely subscribing and watching more of your content. THANKS

[@Karthik_ironman]

Never thought I will love education content to this level. Kudos Sister! You are rocking and transforming many developing lives like mine!

[@xelavera2541]

Only half way through the video and I subscribed to your channel. Thank you for explaining in great detail and putting great work into the video's content. I'll be looking through your other videos for guidance while I'm in school earning my web development degree!

[@steempunk]

Just discovered your channel, and love your style, content and production quality. Big fan!

[@n.aminr.7175]

That's a instant coverage. hugely comprehensible. You're a great teacher. Thanks

[@jtouch99]

This is my first video of your content, and I liked your style of presentation. I will be checking out more of your content as I go throgh my learning journey. Bravo Coder Coder!!

[@JM-lc5jx]

DUDE! These videos are SOOO well produced and explained. As a noob™, I really enjoyed the clarity of your intonation and choice of words!

[@prithaviraj4317]

The channel is super underrated, I mean there is no other channel that provides content in this magnificent way .... Perfect animation, bgMusic, explanation, and what not .... 😍 Subscribed ✌

[@normanj777]

Wow thanks for this video! I was just trying to set up NPM for React and your video was exactly what I needed.

[@TheCoderCoder]

I'm so glad this could help you!

[@MichaXander]

Very cool and supportive animations! Also very good build up of the explanation. Made npm really clear for me (and hopefully for my course mates to whom I forwarderd the video).

[@TheCoderCoder]

Thanks for sharing it! I'm glad it helped you

[@letsgetstarted.01]

This is my first time watching you and absolutely love your teaching style🖤

[@sebastianc4557]

Animations and explanations are super clear! Keep up the good work!

[@TheCoderCoder]

Thanks so much!

[@ren3083]

Awesome video, super clear and smooth to follow! Great work!

[@ninasohn2068]

Super helpful video! Love the clear explanations and visuals to go along with it

[@yusuflawal9987]

This was very informative. The animation and presentation are top notch. Great work! Thanks You!

[@watson494]

Wow, incredible video and explanation, I was struggling to understand the details about NPM, but now is crystal clear! Thank you again for this video.

[@TheCoderCoder]

I'm so glad this could help!

[@mrsurver1890]

Gosh, your video is great! 👌 _the explanation content,_ _the narration,_ _the animation,_ _and the examples with cases,_ *10* /10, Keep it up!

[@markganus1085]

this is by far the best programming tutorial i've ver seen along with Socratica. most tutorial videos are just someone loudly pecking at the keyboard and throwing stuff at the viewer without little care about explaining what they're doing, which ends up being more of an ego trip than something resembling teaching. otoh, this explains everything, even the small steps that are easily overlooked by others

[@mon0theist_tv]

Probably the best visual presentation in any coding video I've ever seen

[@enkiimuto1041]

This is the best tutorial on it i ever seen, very clear. Also, damn, that editing must have taken a long time. Great presentation.

[@danielwaduka5740]

You are a very incredible and gifted teacher! Every thing you explain is very clear and so easy to understand. Thanks so much!

[@octaverossi3428]

very good tutorial. Concepts are explained in a clear way, animation and music hits just the sweet learning spot. Well done!

[@mohammadimran2219]

Very well thought out animations and explanations. Thank you for your effort

[@ashok-hg8se]

This is my first video on noticing this kind of animated presentation. Fantastic job, keep up your good work

[@rohinikoul2339]

Such good animations, this whole video is a piece of art. I mean not only this, all your videos. You put so much effort into each video. I wish all your good wishes come true.

[@vramosjd]

Excited for this course!

[@jayktharwani9822]

I don't know how to appreciate the creativity of this video and way of explaining concepts. Really loved it

[@lexidugo]

I subbed bc this is the first coding tutorial to keep me engaged the whole video.

[@mohamedkhattab9691]

i was searching, reading articles and watching youtube videos for the last 14 hours lol thanks to cover all of that in only 14min ❤ now it has really got digested

[@manohardatt]

Finally found what i exactly need and was on point! Thanks for the tut!

[@chunduripraneeth5450]

Maam I got through this channel recently and I am now seeing all your videos. I don't know how I missed this channel but thankful I found out atleast now. I was to about to give up my hopes on webdev but now I want to Kickstart things with your videos. Thank you so much maam for teaching us

[@TheCoderCoder]

Thanks so much! Glad my videos can help you.

[@mrsan333]

Clean, Complete, and extraordinary. Wish someone like you or yourself would be my teacher. Great animations by the way!

[@rameshrobotics2677]

I fell in love with this Tutorial... The presentation is another level😍😍😍

[@mishenthakshana3407]

I've been fan since your channel started.Thanks for this one you are a great person.

[@somtovitus]

The video edit is on another level. Well done.

[@SoothingRelaxationOasis786_]

Sister! Thank you so much for making videos, full of knowledge for us. As a software engineer, your channel is an oasis for me. For what I probably needed some couple of hours to learn, you explained that in few minutes.

[@marshallgraphic]

Possibly the best video I've seen on the subject

[@masonthompson3284]

When I looked up “npm for beginners” I didn’t expect AT ALL to have my question answered to this practical depth (and quality! sheesh). Thanks for the time and effort put in to this 🙏🏾

[@TheCoderCoder]

Thanks so much!! I'm glad this was helpful!

[@shinzokun5355]

This is the best video out there that exist for learning "npm".

[@TheTrace8]

Fantastic video. Just the foundational level info I needed in the perfect level of detail.

[@balapraneeth9708]

Wowwwww the editing style is just lit. Amazing job !!!

[@TheCoderCoder]

haha thank you! We try our best :)

[@robscherer]

Coder Coder is an absolute legend. Super helpful!

[@bartolol]

I’m 40 seconds in and these animations are everything, great job

[@fabianabarca]

This sets the bar high for tutorials! Congrats and thanks