NPM Node Package Manager Modules | NPM Tutorial for Beginners

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ก.ค. 2024
  • Web Dev Roadmap for Beginners (Free!): bit.ly/DaveGrayWebDevRoadmap
    NPM (Node Package Manager) Modules allow you to add additional functionality to your Node.js apps. In this NPM Tutorial for Beginners you will learn how to add Node Modules to both production and development builds of your application.
    🚩 Subscribe ➜ bit.ly/3nGHmNn
    🚀 This lesson is part of a Node.js for Beginners tutorial series playlist:
    • Node.js Tutorials for ...
    NPM Node Package Manager Modules | NPM Tutorial for Beginners
    (00:00) Intro
    (00:05) Welcome and Overview
    (00:29) What is NPM?
    (01:35) Goals for tutorial
    (01:46) How to find the NPM documentation
    (02:30) How to install an NPM package globally
    (05:00) npm init
    (06:16) package.json
    (07:05) Installing a production dependency
    (07:51) Node modules
    (09:47) Using a package in your application
    (11:16) Installing a dev dependency
    (12:04) NPM scripts
    (14:07) Adding another production dependency
    (14:42) Importing a package with an alias
    (16:58) Searching for npm packages
    (18:43) Semantic versioning
    (21:15) How to update dependencies
    (21:47) How to uninstall an NPM package
    📚 References:
    Node.js Official site: nodejs.org
    NPM Official site: www.npmjs.com/
    ✅ Follow Me:
    Twitter: / yesdavidgray
    LinkedIn: / davidagray
    Blog: yesdavidgray.com
    Reddit: / daveoneleven
    Was this tutorial about NPM aka Node Package Manager and node modules helpful? If so, please share. Let me know your thoughts in the comments.
    #npm #node #modules
  • วิทยาศาสตร์และเทคโนโลยี

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

  • @DaveGrayTeachesCode
    @DaveGrayTeachesCode  2 ปีที่แล้ว +9

    Working with NPM is mandatory foundational knowledge as you learn Node.js. Node Package Manager (NPM) allows developers to create shareable modules and share them with the world - including us! Instead of re-creating the wheel, we can search for existing packages to import into our projects that meet our needs. If you're just starting out with Node JS, you may want to go to the beginning of this Node JS for Beginners playlist: th-cam.com/play/PL0Zuz27SZ-6PFkIxaJ6Xx_X46avTM1aYw.html

  • @walker_sean
    @walker_sean 4 หลายเดือนก่อน +1

    highly recommanded as quick introduction to getting familiar with npm

  • @kostiantynkarzhanov9216
    @kostiantynkarzhanov9216 9 หลายเดือนก่อน

    Thank you! Very well explained! 💛

  • @rokibgyimah8675
    @rokibgyimah8675 4 หลายเดือนก่อน

    Highly recommanded to getting familiar with npm, thanks.

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

    very clear and understandable. I am really enjoying this channel👍

  • @harishankaran1745
    @harishankaran1745 4 หลายเดือนก่อน +1

    I was searching for node course with good tutor for a week and finally i found this playlist. It is awesome and very easy to understand. Thx dude

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

    Love your channel Dave! I used some of your react tutorials to prepare for job interviews and they paid off! I am continuing to learn from you b/c your content helps me become even better in my current position. You rock!

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

      That is awesome! So glad I could help you in your career! I love feedback like this! 💯🚀

  • @SimPwear84
    @SimPwear84 2 ปีที่แล้ว +6

    This is such a great series. I am enjoying every lesson. You got an amazing teaching style that really helps topics sink in. SUBBED!!

  • @MuhammadAwais-rp8po
    @MuhammadAwais-rp8po 2 ปีที่แล้ว +2

    Love your explanation!

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

    to learn programming from your videos is a truly educational and enjoyable experience 👏

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

    Thank you Mr Dave
    Your way of teaching is very good
    High quality and professional

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

    one of the best tutor i found on youtube

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

    It's crazy how you explain things very well, I'm understanding easily ! thank you, I tried to understand it by documentation, but it's different et simple with these videos ! Thank you

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

    Best teacher ever😇

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

    So easy to follow🤘

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

    As an old sckool dev (backend PHP / MySQL) i discover another world. So many thx !

  • @ahmad-murery
    @ahmad-murery 2 ปีที่แล้ว +3

    Good intro to NPM,
    I like NPM but I often see people install a lot of dependencies just to get benefit from some basic stuffs,
    Thirsty for more coding,
    Thanks Dave

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

      Very true, Ahmad. It can be abused. At the same time, it has many good uses and is foundational knowledge for working with Node JS. Thanks for the comment! 💯

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

    Learnt a lot 💯🔥

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

    Bro, this video about Nervous Penpal Message, taught me so much and at a fast pace. Uni profs should take note of you.

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

      Thank you! I do teach part-time (adjunct) at a university, too. 💯

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

    Thank you again

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

    thanks bro!

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

    such a beautiful channel!

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

      Thank you 🙏 Up next is the events module and Event Emitter. 🚀

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

      @@DaveGrayTeachesCode 🙏

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

    Dave the Saver. when i get my first Dev Job, I get you Coffee drunk, Thanks alot once again

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

    So good tutorial

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

    Good series you got here, better make numbered tutorial like #-topic: tutorial

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

      Thank you! 🙏 The playlist is provided in order here: th-cam.com/play/PL0Zuz27SZ-6PFkIxaJ6Xx_X46avTM1aYw.html

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

    🚀

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

    npm as a "Ninja Pumpkin Mutants" i like it! 😂

  • @tambow44
    @tambow44 4 หลายเดือนก่อน +1

    How do you say “nodemon”?
    Probably everyone: “node mon”
    Me at 2.30am on a school night: “no demon!!!!!”

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

    Maybe you should apply for a lecturing Job Dave

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

      Thanks - I was previously at a university full-time. Now part-time university and full-time dev.

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

    hi Dave Im using the latest version of node. One thing i noted when using the function to format date fron date-fns. the syntax as you write it result in application crash telling me date is not defined. the variable date need to be defined first like const d = new date(). then we use the date format function: console.log(format(d, 'yyyy-MMM-dd') then i get the proper result.

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

      You must have missed where I created the new date because I did not crash and this has not changed due to a Node release.

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

    hey Dave, I know this is off topic. but can u explain this function.
    const range = (start, stop, step) => Array.from({ length: (stop - start) / step + 1}, (_, i) => start + (i * step));
    from mdn under array.from
    as well as
    let range = {
    from: 1,
    to: 5
    };
    // 1. call to for..of initially calls this
    range[Symbol.iterator] = function() {
    // ...it returns the iterator object:
    // 2. Onward, for..of works only with this iterator, asking it for next values
    return {
    current: this.from,
    last: this.to,
    // 3. next() is called on each iteration by the for..of loop
    next() {
    // 4. it should return the value as an object {done:.., value :...}
    if (this.current

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

      Definitely off the topic of this video tutorial, but I could do a tutorial on the topic you are asking about sometime. 😀 MDN is a great source to look up each part of your question such as symbol.iterator: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol/iterator

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

    thanks. I encountered some problem installing nodemon... It cannot be run after installation: "nodemon : The term 'nodemon' is not recognized as the name of a cmdlet, function, script file, or operable program. "

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

      Follow their installation guide here: www.npmjs.com/package/nodemon

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

    I have one issue!!!
    When i type 'nodemon' and enter after installing it terminal gives error that first it gives path and then it says script is disabled on this system. Anyone can give solution of it.....

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

    is there a repo of this node course in your github?

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

      Hi Michael - not for the first 5 chapters as they are only examples. Starting with Chapter 6, each lesson has source code available here: github.com/gitdagray/node_js_resources

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

    whenever i type this command "npm i nodemon -g "
    it shows this
    changed 32 packages, and audited 33 packages in 1s
    3 packages are looking for funding
    run `npm fund` for details
    found 0 vulnerabilities
    i then went ahead to type nodemon in the terminal
    and i get this
    nodemon: command not found
    any advise to give please

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

      The first part of the message is a standard type of return after installing a package with npm. The second part - why just type nodemon in the terminal? It must run on Node. In this video, I believe I show how to set up the script you need in your package.json file to run it.

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

      solved it

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

      @@DaveGrayTeachesCode solved it thank you

    • @sara-gd2uh
      @sara-gd2uh 10 หลายเดือนก่อน

      @@kingsleyunorji5044 how please , i'm facing the same problem

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

    First, I want to say thank you and great job with this video. However, even though you say for beginners, I feel your tutorials are hard for someone who's not familiar with what your teaching and is actually a beginner. When i watch your tutorials, i need to go learn elsewhere first then come back here to enhance what i know and even at that the new concepts i get from your video are always hard to understand. Just constructive criticism, great video still!