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

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ก.ค. 2024
  • 🔥 Learn how to build a responsive website from a Figma design with HTML, SCSS, and JS: coder-coder.com/responsive/
    💻 Become a full-stack web dev with Zero to Mastery: academy.zerotomastery.io/a/af...
    _____________________________________
    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.
    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?
    _____________________________________
    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/...
    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
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 768

  • @catreunion
    @catreunion 2 ปีที่แล้ว +134

    Thanks!

    • @TheCoderCoder
      @TheCoderCoder  2 ปีที่แล้ว +13

      whoa thank you!

    • @Ramsey.001
      @Ramsey.001 2 ปีที่แล้ว +2

      Can I run php and sql in nom live server ?

  • @RafiBarides
    @RafiBarides 8 หลายเดือนก่อน +81

    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
      @TheCoderCoder  8 หลายเดือนก่อน +7

      Thanks so much!

  • @ChrisCourses
    @ChrisCourses 3 ปีที่แล้ว +6

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

  • @danielalfredorayoroldan3075
    @danielalfredorayoroldan3075 3 ปีที่แล้ว +203

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

    • @TheCoderCoder
      @TheCoderCoder  3 ปีที่แล้ว +11

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

    • @Taumee412
      @Taumee412 3 ปีที่แล้ว

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

    • @ethantseng445
      @ethantseng445 2 ปีที่แล้ว

      @@TheCoderCoder Thank you! Love your videos!

  • @ShaluSharma-fu6bo
    @ShaluSharma-fu6bo ปีที่แล้ว +3

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

  • @achtube85
    @achtube85 3 ปีที่แล้ว +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 3 ปีที่แล้ว +5

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

  • @captainicy1883
    @captainicy1883 3 ปีที่แล้ว +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!

  • @hardryv3719
    @hardryv3719 8 หลายเดือนก่อน +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. ;)

  • @thx-man6694
    @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 ! 👍

  • @iacopocarlini
    @iacopocarlini 3 ปีที่แล้ว +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 ปีที่แล้ว +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 👌

  • @MrPratitb
    @MrPratitb 2 ปีที่แล้ว +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

  • @ViruSamah
    @ViruSamah 3 ปีที่แล้ว +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.

  • @personalitymain5034
    @personalitymain5034 ปีที่แล้ว +1

    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!

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

  • @karenpoveda29
    @karenpoveda29 3 ปีที่แล้ว +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  3 ปีที่แล้ว +8

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

    • @cdmaguire1
      @cdmaguire1 ปีที่แล้ว

      Could not agree more!

  • @tommyphong8586
    @tommyphong8586 3 ปีที่แล้ว +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!!!

  • @kaustav195
    @kaustav195 3 ปีที่แล้ว +9

    The editing and the explanation is so perfectly done

  • @NikhilKumar-tk3rh
    @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....

  • @virgobeautygg
    @virgobeautygg 2 ปีที่แล้ว

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

  • @marijnl963
    @marijnl963 6 หลายเดือนก่อน +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

  • @kithowlett8374
    @kithowlett8374 ปีที่แล้ว

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

  • @kevinjansen5348
    @kevinjansen5348 3 ปีที่แล้ว +2

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

  • @markganus1085
    @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

  • @r4id395
    @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! :)

  • @mohamedkhattab9691
    @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

  • @alexthewebdesigner1856
    @alexthewebdesigner1856 ปีที่แล้ว

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

  • @jtouch99
    @jtouch99 6 หลายเดือนก่อน

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

  • @aldanamichelino
    @aldanamichelino 3 ปีที่แล้ว

    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!

  • @LucasSantos-wp7ji
    @LucasSantos-wp7ji ปีที่แล้ว

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

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

  • @sammatthews516
    @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

  • @Adam-eats
    @Adam-eats 3 ปีที่แล้ว +13

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

  • @ashok-hg8se
    @ashok-hg8se 2 ปีที่แล้ว

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

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

  • @Phoenix-xo7pn
    @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.

  • @jackfrancis5238
    @jackfrancis5238 10 หลายเดือนก่อน

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

  • @brzdogz
    @brzdogz 2 ปีที่แล้ว +3

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

  • @ahmedAltariqi
    @ahmedAltariqi 3 ปีที่แล้ว +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. ❤️

  • @bbb55590
    @bbb55590 2 ปีที่แล้ว

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

  • @pooCBH
    @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

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

  • @22februari1999
    @22februari1999 ปีที่แล้ว

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

  • @gonzalobruna7154
    @gonzalobruna7154 3 ปีที่แล้ว

    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 !

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

  • @digitalfortressuk598
    @digitalfortressuk598 ปีที่แล้ว

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

  • @ajogburn96
    @ajogburn96 5 หลายเดือนก่อน

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

  • @jayktharwani9822
    @jayktharwani9822 8 หลายเดือนก่อน

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

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

  • @prithaviraj4317
    @prithaviraj4317 3 ปีที่แล้ว

    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 ✌

  • @rohinikoul2339
    @rohinikoul2339 10 หลายเดือนก่อน

    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.

  • @bartolol
    @bartolol ปีที่แล้ว

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

  • @aakashbiswas3942
    @aakashbiswas3942 3 ปีที่แล้ว

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

  • @paradonas
    @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

  • @AdekunleLawal
    @AdekunleLawal 2 ปีที่แล้ว

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

  • @JM-lc5jx
    @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!

  • @mishenthakshana3407
    @mishenthakshana3407 2 ปีที่แล้ว

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

  • @letsgetstarted.05
    @letsgetstarted.05 3 หลายเดือนก่อน

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

  • @thineshkumar1389
    @thineshkumar1389 2 ปีที่แล้ว

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

  • @lolmeeky
    @lolmeeky ปีที่แล้ว

    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!

  • @adimaraisha4080
    @adimaraisha4080 2 ปีที่แล้ว

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

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

  • @muadzrosli
    @muadzrosli 3 ปีที่แล้ว

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

  • @speedyg2295
    @speedyg2295 2 ปีที่แล้ว

    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.

  • @abhisheksrivastav1706
    @abhisheksrivastav1706 10 หลายเดือนก่อน

    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!

  • @steempunk
    @steempunk 2 ปีที่แล้ว

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

  • @oneeyeopened8138
    @oneeyeopened8138 2 ปีที่แล้ว

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

  • @nwilson135
    @nwilson135 2 ปีที่แล้ว

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

  • @waqaskhandev
    @waqaskhandev ปีที่แล้ว

    I never uunderstand npm until I watch this video. You explain it like I am 5. Thankssss. Subscribed

  • @octaverossi3428
    @octaverossi3428 ปีที่แล้ว

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

  • @zami1
    @zami1 ปีที่แล้ว

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

  • @danielwaduka5740
    @danielwaduka5740 11 หลายเดือนก่อน

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

  • @xelavera2541
    @xelavera2541 8 หลายเดือนก่อน

    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!

  • @lexidugo
    @lexidugo 7 หลายเดือนก่อน

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

  • @manuxalfhalo
    @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

  • @SnappyScience
    @SnappyScience ปีที่แล้ว

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

  • @n.aminr.7175
    @n.aminr.7175 2 ปีที่แล้ว

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

  • @rameshrobotics2677
    @rameshrobotics2677 ปีที่แล้ว

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

  • @0xtz_
    @0xtz_ 2 ปีที่แล้ว

    woow this is the best programming related TH-cam video I have ever watched, the animations the sound effects all it's jus amazing 😂😂

  • @EnesKab
    @EnesKab 3 ปีที่แล้ว

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

  • @somtovitus
    @somtovitus 2 ปีที่แล้ว

    The video edit is on another level. Well done.

  • @robscherer
    @robscherer 2 ปีที่แล้ว

    Coder Coder is an absolute legend. Super helpful!

  • @Karthik_ironman
    @Karthik_ironman 2 ปีที่แล้ว

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

  • @wpcoder783
    @wpcoder783 ปีที่แล้ว

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

  • @armanfekrikohan2234
    @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 💯

  • @SoothingRelaxationOasis786_
    @SoothingRelaxationOasis786_ 8 หลายเดือนก่อน

    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.

  • @philip2.042
    @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.

  • @pearceoshea7611
    @pearceoshea7611 2 ปีที่แล้ว

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

  • @koustubhbs7376
    @koustubhbs7376 3 ปีที่แล้ว

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

  • @mrsan333
    @mrsan333 ปีที่แล้ว

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

  • @jiggy7928
    @jiggy7928 3 ปีที่แล้ว

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

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

  • @moussafiradil1700
    @moussafiradil1700 2 ปีที่แล้ว

    Amazing ! exactly what was needed with an exquisite delivery !

  • @inquation4491
    @inquation4491 2 ปีที่แล้ว

    Best NPM course out there! Thanks for this awesome video!

  • @manohardatt
    @manohardatt ปีที่แล้ว

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

  • @supratimnag5340
    @supratimnag5340 3 ปีที่แล้ว

    Just incredible! I'm regretting already that i came across your contents this late. I'm binge watching them trust me 😂💕

  • @mon0theist_tv
    @mon0theist_tv 3 หลายเดือนก่อน

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

  • @Kidpunk98
    @Kidpunk98 2 ปีที่แล้ว

    Wow. Just teach me everything senpai. I have never, EVER, EVER, watched an explanation that was actually this enjoyable.

  • @m.a.l3996
    @m.a.l3996 2 หลายเดือนก่อน

    best easy simple high quality tutorial i've ever seen