Introduction to Express JS | Express & Node.js Tutorials for Beginners

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 ก.ค. 2024
  • Web Dev Roadmap for Beginners (Free!): bit.ly/DaveGrayWebDevRoadmap
    In this introduction to Express JS, you will learn how to import the Express JS framework into your Node.js project and create your first Express JS app server. This video is part of an Express & Node.js Tutorials for Beginners series.
    🚩 Subscribe ➜ bit.ly/3nGHmNn
    🚀 This lesson is part of an Node.js & Express for Beginners tutorial series playlist:
    • Node.js Tutorials for ...
    🔗 Starter Source Code: github.com/gitdagray/nodejs_w...
    Introduction to Express JS | Express & Node.js Tutorials for Beginners
    (00:00) Intro
    (00:05) Welcome and Overview
    (00:31) What is Express JS?
    (01:03) Express Routing documentation
    (01:17) Starter Source Code provided
    (01:39) Installing dependencies
    (03:33) Create a minimal Express server app
    (05:02) Adding an Express route
    (06:00) Testing the route in the browser
    (07:06) Sending a file with Express
    (09:28) Adding a second route
    (10:47) Applying RegEx to Express routes
    (13:49) Handling redirects with Express
    (15:26) Adding a custom 404 route
    (17:17) Route handlers and calling next
    (19:30) An array of route handlers
    (20:56) Middleware
    📚 References:
    Node.js Official site: nodejs.org
    NPM Official site: www.npmjs.com/
    Express JS Official site: expressjs.com/
    ✅ Follow Me:
    Twitter: / yesdavidgray
    LinkedIn: / davidagray
    Blog: yesdavidgray.com
    Reddit: / daveoneleven
    Was this tutorial about how to use the Express JS framework with Node.js helpful? If so, please share. Let me know your thoughts in the comments.
    #express #nodejs #beginners
  • วิทยาศาสตร์และเทคโนโลยี

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

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

    This tutorial continues my Node.js for Beginners tutorial series, but you can also start here if you already know Node and just want to learn more about the Express JS framework. Express makes working with Node.js clean and easy! If you want to start at the beginning of the Node.js for Beginners playlist, here's a link: th-cam.com/play/PL0Zuz27SZ-6PFkIxaJ6Xx_X46avTM1aYw.html

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

    I was learning express 6 months ago and i looked like a fool just because i bought a useless course on udemy. I'm already feeling like a backend developer a few hours into this series... Thanks a lot, man... You are a real gem..

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

    Great pacing. I love how you build on previous basics to provide a clear understanding of higher level structures.

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

      That structure and teaching approach is from my experience as a university instructor. I think it helps most students. Glad you like it!

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

    refactoring a previous project using a new technology, fantastic teacher indeed, thank's so much

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

    Awesome Dave, thanks! You have a knack for making great tutorials! Keep it up please!

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

    Giving a thumbs down to any of these videos should be considered a crime! Great video Dave!!! 👍👍👍👍

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

    amazing work man, thank you!

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

    Awesome tutorial! Thank you so much!

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

    Powerful tutorial, like other tutorials you share with us thanks alot Dave

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

    Thanks Dave////again and again and again: appreciate your way of delivery which causes many student aw moments : "aw. so that's what that does" !! Thanks for making it all make sense.

  • @johnsmith-yr5bm
    @johnsmith-yr5bm 2 ปีที่แล้ว

    great videos, Dave. Thank you

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

      Glad you like them, and I hope they've helped out. 🚀

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

    Thanks teacher Dave!

  • @user-ss8ho9ts3l
    @user-ss8ho9ts3l 6 หลายเดือนก่อน

    Dave Gray, you are a gem💎💎

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

    so far its going good completed first video

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

    the best tutorial I have ever seen.
    highly recommended.

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

    Awesome 🥳

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

    Love it 🎉

  • @dr-Jonas-Birch
    @dr-Jonas-Birch 8 หลายเดือนก่อน +1

    Regexp /* does not mean what you think. However, thanks for a good series.
    JB

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

    I loved getting learn about how to add a ()? to make the html portion optional. So cool! Thank you for these! Originally I hadn't learned to include the folder and file name following the __dirname, but instead we did the path to the file in the request. Which one do you think is better practice?

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

      Earlier in this series during the Node JS only tutorials, I touched on this. While both work, I discuss it more here: th-cam.com/video/yQBw8skBdZU/w-d-xo.html

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

    Good video thinks for you ❤👍

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

    Thank you. it's a great video.

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

      Much more to cover for Express. As the last section in the video says, middleware is next. 🚀

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

      @@DaveGrayTeachesCode thank you 21:05 ;)

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

    🚀

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

    Awesome tutorial thank you

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

    hey Dave thank you for this amazing tuto please if you can create a tuto about linking the reactjs and express and some example thank you

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

      Thanks for asking, and I have - my React Login series uses the backend REST API created in this Node/Express/Mongo series: th-cam.com/play/PL0Zuz27SZ-6PRCpm9clX0WiBEMB70FWwd.html

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

    Thank you

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

    Good day
    First, I want to say, Great Course! Thank you so much
    I also want to ask about the regex. It says it must have a slash at the beginning and the end, however, sometimes the link says "localhost:3500" and there's no slash but it still works. Can you explain why

  • @Arnold-vd7id
    @Arnold-vd7id หลายเดือนก่อน

    Hello, Dave. I am enjoying your course. I was able to get to the last part regarding chaining with no problem. However, when I write localhost:3500/chain in the browser, I get '404'. All my earlier calls such as 'hello' and 'new-page' worked well. Any suggestions as to what I am doing wrong?

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

    I actually watched a whole 1':30" ad video in order to kind of "thank you" lol

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

    Nice tr

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

    Thank you for your wonderful tutorials as usual!! I finished your vanilla JS, advanced JS and react tutorials and they are amazing.
    I wonder, why square brackets are required for [one, two, three] in app.get('/chain(.html)?', [one, two, three]) . Are they necessary?

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

      Not necessary, but it is a possible way to do it. Please read under the heading "Route Handlers" in the docs to see more examples of both: expressjs.com/en/guide/routing.html

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

    thank you

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

    Please do more for NodeJS express API or JSON

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

      Perfect timing for you to ask. You will like the series I just started creating: th-cam.com/play/PL0Zuz27SZ-6P4dQUsoDatjEGpmBpcOW8V.html

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

    Great lesson keep going forward…is that lesson alternative to that before it

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

      Thanks Haider. The lesson before this one built a web server with only Node.js. In this lesson, we begin to add the Express JS framework on top of Node.js to make things easier. By building with Node.js only first, we gain a better understanding of Node and appreciate what Express does for us as we move forward. 🚀

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

      @@DaveGrayTeachesCode really great work keep going forward… I wonder is there new series coming soon

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

      @@haiderjaafer8164 thank you. 🙏 I'm currently completing this series before beginning another.

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

    so in frontend you must need to logout a user, whenever the refresh token expire right?

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

      That's what I suggest to prevent infinite access. However the refresh token can last for a long duration.

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

    Oh man, this video feels like a schnitzel. Easy to chew and understandable because it isn't that overloaded.
    The last video where you build a web server with node.js felt like a big chunk of meat.
    I understand that you have to learn the fundamentals but I would prefer express over the vanilla node.

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

      Me too! The fundamentals will help make Express easier sometimes. I like your food analogies! 🌭

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

    Hey dave just wanted to know your opinion i have a university research project in mern stack so is it good to follow along your courses and change them according to my requirements in the real time or do i need to finish these first but iam low in time?? Whats your opinion.

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

      You can apply as you learn. It is close to the end of the semester :)

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

      @@DaveGrayTeachesCode thanks for the reply dave

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

    would you make a tutorial use this api in react js?

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

      That is the plan. Combining this Node.js & Express series with MongoDB and React = MERN stack. Projects using it are coming up.

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

    500th Like 😀!