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

Sdílet
Vložit
  • čas přidán 19. 05. 2024
  • 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
  • Věda a technologie

Komentáře • 761

  • @catreunion
    @catreunion Před 2 lety +132

    Thanks!

  • @RafiBarides
    @RafiBarides Před 7 měsíci +72

    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.

  • @danielalfredorayoroldan3075
    @danielalfredorayoroldan3075 Před 2 lety +201

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

    • @TheCoderCoder
      @TheCoderCoder  Před 2 lety +11

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

    • @Taumee412
      @Taumee412 Před 2 lety

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

    • @ethantseng445
      @ethantseng445 Před 2 lety

      @@TheCoderCoder Thank you! Love your videos!

  • @ChrisCourses
    @ChrisCourses Před 2 lety +5

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

  • @captainicy1883
    @captainicy1883 Před 2 lety +12

    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
    @achtube85 Před 2 lety +9

    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
    @dkodesb155 Před 2 lety +5

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

  • @iacopocarlini
    @iacopocarlini Před 2 lety +28

    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
    @keifer7813 Před rokem +19

    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
    @karenpoveda29 Před 2 lety +132

    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
      @TheCoderCoder  Před 2 lety +8

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

    • @cdmaguire1
      @cdmaguire1 Před rokem

      Could not agree more!

  • @ShaluSharma-fu6bo
    @ShaluSharma-fu6bo Před rokem +2

    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
    @MrPratitb Před 2 lety +27

    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
    @hardryv3719 Před 7 měsíci +6

    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
    @ViruSamah Před 2 lety +1

    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
    @thx-man6694 Před rokem

    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
    @jackfrancis5238 Před 9 měsíci

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

  • @gee9099
    @gee9099 Před 2 lety

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

  • @personalitymain5034
    @personalitymain5034 Před 11 měsíci

    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
    @ghanitak Před 2 lety +8

    The editing and the explanation is so perfectly done

  • @danielwaduka5740
    @danielwaduka5740 Před 9 měsíci

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

  • @tommyphong8586
    @tommyphong8586 Před 2 lety +1

    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
    @marijnl963 Před 5 měsíci +1

    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
    @virgobeautygg Před 2 lety

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

  • @sammatthews516
    @sammatthews516 Před rokem

    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
    @NikhilKumar-tk3rh Před 2 lety

    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
    @rohinikoul2339 Před 9 měsíci

    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
    @Adam-eats Před 2 lety +13

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

  • @jtouch99
    @jtouch99 Před 4 měsíci

    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
    @kevinjansen5348 Před 2 lety +2

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

  • @manuxalfhalo
    @manuxalfhalo Před rokem

    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
    @r4id395 Před 2 lety

    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
    @kithowlett8374 Před rokem

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

  • @enestahaoz1537
    @enestahaoz1537 Před 2 lety

    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
    @markganus1085 Před rokem

    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
    @pooCBH Před 2 lety

    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
    @LucasSantos-wp7ji Před rokem

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

  • @gonzalobruna7154
    @gonzalobruna7154 Před 2 lety

    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
    @Phoenix-xo7pn Před rokem

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

  • @aldanamichelino
    @aldanamichelino Před 2 lety

    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
    @ashok-hg8se Před 2 lety

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

  • @ahmedAltariqi
    @ahmedAltariqi Před 2 lety +1

    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
    @mohamedkhattab9691 Před rokem

    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
    @brzdogz Před 2 lety +3

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

  • @nwilson135
    @nwilson135 Před 2 lety

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

  • @letsgetstarted.01
    @letsgetstarted.01 Před měsícem

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

  • @bbb55590
    @bbb55590 Před rokem

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

  • @steempunk
    @steempunk Před 2 lety

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

  • @Soda-js2vx
    @Soda-js2vx Před 9 měsíci

    Very simple and clear. Thank you very much.

  • @prithaviraj4317
    @prithaviraj4317 Před 2 lety

    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
    @paradonas Před 2 lety

    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
    @proxy1374 Před 7 měsíci

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

  • @hiant0
    @hiant0 Před 9 měsíci

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

  • @abhisheksrivastav1706
    @abhisheksrivastav1706 Před 9 měsíci

    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
    @enkiimuto1041 Před 2 lety

    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
    @AdekunleLawal Před 2 lety

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

  • @SadmanRyanRiad
    @SadmanRyanRiad Před 7 měsíci

    explained simply. Thank you.

  • @saswatrath4646
    @saswatrath4646 Před rokem

    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
    @digitalfortressuk598 Před rokem

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

  • @yogeshdharya3857
    @yogeshdharya3857 Před rokem

    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
    @xelavera2541 Před 7 měsíci

    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_
    @_adarsh_raj_pathak_ Před 8 měsíci

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

  • @JM-lc5jx
    @JM-lc5jx Před 2 lety

    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
    @armanfekrikohan2234 Před rokem

    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
    @rodomeneses2548 Před rokem

    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
    @zami1 Před 10 měsíci

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

  • @wpcoder783
    @wpcoder783 Před rokem

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

  • @22februari1999
    @22februari1999 Před rokem

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

  • @abhirammadhu2973
    @abhirammadhu2973 Před 2 lety

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

  • @speedyg2295
    @speedyg2295 Před rokem

    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
    @adimaraisha4080 Před 2 lety

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

  • @thineshkumar1389
    @thineshkumar1389 Před 2 lety

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

  • @theproactivemindset
    @theproactivemindset Před 8 měsíci

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

  • @mishenthakshana3407
    @mishenthakshana3407 Před 2 lety

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

  • @tarunkumar.d8379
    @tarunkumar.d8379 Před 2 lety

    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
      @TheCoderCoder  Před 2 lety +1

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

    • @tarunkumar.d8379
      @tarunkumar.d8379 Před 2 lety

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

  • @AdiSuyashGupta
    @AdiSuyashGupta Před 9 měsíci

    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_
    @SoothingRelaxationOasis786_ Před 7 měsíci

    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
    @ajogburn96 Před 3 měsíci

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

  • @jiggy7928
    @jiggy7928 Před 2 lety

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

  • @n.aminr.7175
    @n.aminr.7175 Před 2 lety

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

  • @oneeyeopened8138
    @oneeyeopened8138 Před 2 lety

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

  • @EnesKab
    @EnesKab Před 2 lety

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

  • @jayktharwani9822
    @jayktharwani9822 Před 7 měsíci

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

  • @lexidugo
    @lexidugo Před 5 měsíci

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

  • @bartolol
    @bartolol Před rokem

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

  • @manohardatt
    @manohardatt Před rokem

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

  • @philip2.042
    @philip2.042 Před 2 lety

    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
    @aakashbiswas3942 Před 2 lety

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

  • @muadzrosli
    @muadzrosli Před 2 lety

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

  • @chikanma5021
    @chikanma5021 Před 2 lety +12

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

  • @koustubhbs7376
    @koustubhbs7376 Před 2 lety

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

  • @nikhilsaini3317
    @nikhilsaini3317 Před rokem

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

  • @eliokyomo
    @eliokyomo Před rokem

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

  • @meekylol1636
    @meekylol1636 Před rokem

    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
    @vadymsalyuk8159 Před 2 lety

    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
    @pearceoshea7611 Před 2 lety

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

  • @zakhariihusar6975
    @zakhariihusar6975 Před rokem

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

  • @masonthompson3284
    @masonthompson3284 Před 2 lety

    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 🙏🏾

  • @Karthik_ironman
    @Karthik_ironman Před 2 lety

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

  • @SnappyScience
    @SnappyScience Před 11 měsíci

    Came for NPM and got a versioning lesson for free. Amazing video! Answered all my questions.