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

Подписаться 493 тыс.

Просмотров 288 тыс.

50% 1

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

Наука

Опубликовано:

19 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 761

@catreunion 2 года назад

Thanks!

@TheCoderCoder 2 года назад

whoa thank you!

@Ramsey.001 2 года назад

Can I run php and sql in nom live server ?

@RafiBarides 7 месяцев назад

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 7 месяцев назад

Thanks so much!

@danielalfredorayoroldan3075 2 года назад

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

@TheCoderCoder 2 года назад

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

@Taumee412 2 года назад

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

@ethantseng445 2 года назад

@@TheCoderCoder Thank you! Love your videos!

@ChrisCourses 2 года назад

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

@captainicy1883 2 года назад

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!

@achtube85 2 года назад

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!

@dkodesb155 2 года назад

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

@iacopocarlini 2 года назад

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

@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 👌

@karenpoveda29 2 года назад

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 2 года назад

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

@cdmaguire1 Год назад

Could not agree more!

@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!!

@MrPratitb 2 года назад

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

@hardryv3719 7 месяцев назад

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. ;)

@ViruSamah 2 года назад

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.

@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 ! 👍

@jackfrancis5238 9 месяцев назад

This was really good. I don't comment on these tutorials often, but this really helped with a lot of confusion!

@gee9099 2 года назад

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

@personalitymain5034 11 месяцев назад

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!

@ghanitak 2 года назад

The editing and the explanation is so perfectly done

@danielwaduka5740 9 месяцев назад

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

@tommyphong8586 2 года назад

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

@marijnl963 5 месяцев назад

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

@virgobeautygg 2 года назад

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

@sammatthews516 Год назад

Came across your video while trying to get a bit more understanding around NPM. You mentioned a few things which I never knew and wondered more about how NPM worked. So thanks. Very present viewing with the lovely background music. Thanks

@NikhilKumar-tk3rh 2 года назад

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

@rohinikoul2339 9 месяцев назад

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.

@Adam-eats 2 года назад

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

@TheCoderCoder 2 года назад

Glad it was helpful!

@jtouch99 4 месяца назад

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!!

@kevinjansen5348 2 года назад

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

@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

@r4id395 2 года назад

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! :)

@kithowlett8374 Год назад

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

@enestahaoz1537 2 года назад

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.

@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

@pooCBH 2 года назад

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

@LucasSantos-wp7ji Год назад

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

@gonzalobruna7154 2 года назад

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 !

@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.

@aldanamichelino 2 года назад

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!

@ashok-hg8se 2 года назад

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

@ahmedAltariqi 2 года назад

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. ❤️

@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

@brzdogz 2 года назад

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

@nwilson135 2 года назад

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

@letsgetstarted.01 Месяц назад

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

@bbb55590 Год назад

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

@steempunk 2 года назад

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

@Soda-js2vx 9 месяцев назад

Very simple and clear. Thank you very much.

@prithaviraj4317 2 года назад

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 ✌

@paradonas 2 года назад

Such quality of video. I learnt npm excelleantly from this vid, having barely any knowledge of what npm was previously. Howfully I dont need to reconstructure to much in my files while switching from managing my own packages

@proxy1374 7 месяцев назад

Great video! Clear explanation and amazing animations clearly did the trick here!

@hiant0 9 месяцев назад

This was fantastic and super clear. Thank you so much for making this and explaining it into such great depth.

@abhisheksrivastav1706 9 месяцев назад

Ahhh! that much deep knowledge. Now I don't have any problem with the npm packages thanks for such a beautiful explanation. I was watching in incognito mode, to comment on the video I signed in. Thanks again!

@enkiimuto1041 2 года назад

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

@alexthewebdesigner1856 Год назад

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

@AdekunleLawal 2 года назад

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

@SadmanRyanRiad 7 месяцев назад

explained simply. Thank you.

@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.

@digitalfortressuk598 Год назад

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

@yogeshdharya3857 Год назад

Had this video on my playlist for months and i just watched it ! Everything is Crcystal clear 2 me . U got great content , I mean not just the graphics can b complemented for that , ur style of explaining things make'em look easy 2 .Thanx !

@xelavera2541 7 месяцев назад

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!

@_adarsh_raj_pathak_ 8 месяцев назад

Great Video on NPM short, concise and much more informative.

@JM-lc5jx 2 года назад

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

@armanfekrikohan2234 Год назад

First time seeing your video and i have to say, your doing a great job with just the video editing it self and the information is just great JOB WELL DONE 💯

@rodomeneses2548 Год назад

This is the first video of computer science that I see on this beautiful style, those boring tutorial styles really make you feel tired but on this one I was paying attention the whole time, perfect, im subscribing now.

@zami1 10 месяцев назад

Amount of work for a single video. Just amazing. Thank you.

@wpcoder783 Год назад

This is one of the most important topic in Web Development and you explained it very well. Thank you.

@22februari1999 Год назад

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

@abhirammadhu2973 2 года назад

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

@speedyg2295 Год назад

Very well done. Explaining how it all comes together. I had to learn the hard way and your video explains to me what I had done.

@adimaraisha4080 2 года назад

I really love the way you deliver information. Easy to understand and fast. Thanks again cc girl:-)

@thineshkumar1389 2 года назад

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

@theproactivemindset 8 месяцев назад

Great Video!! Amazing animations and divided into content sections that are easier to understand! Thanks!!

@mishenthakshana3407 2 года назад

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

@tarunkumar.d8379 2 года назад

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 2 года назад

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

@tarunkumar.d8379 2 года назад

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

@AdiSuyashGupta 9 месяцев назад

i generally dont comment to any youtube videos and subscribing to anyone is very selective. But the way you have explained npm, node and other stuff has made me feel quite cooooooool I have used all these previously but the way you explained them is fabulous. Also I subscribed you in first 1 min....🔥 Your'e fireee🔥

@SoothingRelaxationOasis786_ 7 месяцев назад

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.

@ajogburn96 3 месяца назад

Wow, I love this video. Made something so complex easy to understand without taking an hour.

@jiggy7928 2 года назад

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

@n.aminr.7175 2 года назад

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

@oneeyeopened8138 2 года назад

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

@EnesKab 2 года назад

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

@jayktharwani9822 7 месяцев назад

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

@lexidugo 5 месяцев назад

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

@bartolol Год назад

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

@manohardatt Год назад

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

@philip2.042 2 года назад

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.

@aakashbiswas3942 2 года назад

Most clean & dope intro to npm for beginners. Thats way above even premium intros to npm

@muadzrosli 2 года назад

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

@chikanma5021 2 года назад

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

@TheCoderCoder 2 года назад

haha thank you! Maybe in the future!

@koustubhbs7376 2 года назад

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

@nikhilsaini3317 Год назад

best video on NPM.. the way you explained it's superb!!

@eliokyomo Год назад

Thank you so much for a simple, straight forward and informative video. It has really helped me.

@meekylol1636 Год назад

is this youtube premium?! omg so much useful info condensed beautifully into this video. cant thank you enough, THIS video alone answered so many questions for me!!! and the animations?! you're unreal!

@vadymsalyuk8159 2 года назад

Thank you very much for such a great and easy explanation video. As a newbie in development I really appreciate such detailed and simple to understand animation and details. Keep up a great work!

@pearceoshea7611 2 года назад

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

@zakhariihusar6975 Год назад

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

@masonthompson3284 2 года назад

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 2 года назад

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