Node.js + Express - Tutorial - PugJS Templating Engine (formerly JADE)

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 พ.ย. 2024

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

  • @pfkong6917
    @pfkong6917 8 ปีที่แล้ว +21

    When you edit a file in the Express project, you should restart your server to refresh. I think that using 'nodemon' might be a good choice, for it can automatically reload your server after editing a file.
    Simply install it by:" npm install -g nodemon".
    For use: "nodemon /bin/www" instead of "node /bin/www".

    • @bantzrayder8976
      @bantzrayder8976 7 ปีที่แล้ว

      Second that. Fact: nodemon will make your life easier

  • @nafisneehal2114
    @nafisneehal2114 8 ปีที่แล้ว +3

    Thanks a lot for this tutorial. I have been looking for a tutorial like this for a long time. Although I'm having quite a bit of problems regarding the sound issue, I had to borrow an extra sound card from my friend. Other than the sound, it's excellent, just as I wanted it to be. Thanks.

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

      Yes I know, the sound is really bad, I apologize for that. It only affects a few videos thankfully. I'm happy that you're still able to learn something from it :)

  • @AP-se2zs
    @AP-se2zs 4 ปีที่แล้ว +4

    I love your face. And this is not like a double-meaning statement; I really do like your face.

  • @anjalidarokar2408
    @anjalidarokar2408 4 ปีที่แล้ว

    I am your huge fan- I Love the way you teach and I am always able to understand the concepts that you teach- I have taken up your Course on Angular 9 on Udemy And it is simply awesome and I recommend it to my friends.....!!!!! Thanks a ton.....!!!!! 🌸

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

      Wow, thank you!

  • @jithinkg9865
    @jithinkg9865 7 ปีที่แล้ว

    thanks for that better explanation i've been looking for this,thank u very much

    • @academind
      @academind  7 ปีที่แล้ว

      That's so awesome to read, thank you for your comment and great to read that the video was helpful :)

  • @slowly065
    @slowly065 8 ปีที่แล้ว

    Thanks dude, very easy to learn with you.

    • @academind
      @academind  8 ปีที่แล้ว

      +Pedro Lugo
      Many, many thanks Pedro!

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

    Thanks! Clear and to-the-point explanation! May I ask you to extend its title with PugJS so new people unaware its previous name, could find it easier? :)

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

      Great to hear and thanks for the suggestion - I'll add that!

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

      almost there, you wrote "formerly PugJS", but it's actually PugJS now and used to be called Jade :) thanks!
      ps.: pugjs.org/api/getting-started.html
      jade-lang.com redirects here

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

      Oh man ... my bad - meant to do it the other way round ... thanks for notifying me ;)

  • @proude7337
    @proude7337 7 ปีที่แล้ว +3

    I like your video very much. :D But why dont you use EJS first, for beginners it might be easier to learn :D

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

    Cool video. Thanks!
    Do Jade has something like "include" in Smarty?

    • @zoltanmatok1928
      @zoltanmatok1928 4 ปีที่แล้ว

      Yes, it has includes (pugjs.org/language/includes.html), blocks (pugjs.org/language/inheritance.html) and mixins (pugjs.org/language/mixins.html)

  • @Forkroute
    @Forkroute 7 ปีที่แล้ว

    Fantastic! any other videos you made on Jade (now named Pug)?

    • @academind
      @academind  7 ปีที่แล้ว

      Thanks for your great feedback! No, this is the only one as of now.

  • @khondakarreadulislam6337
    @khondakarreadulislam6337 7 ปีที่แล้ว

    How can I solve below Problem?
    block content
    4| h1= message
    > 5| h2= error.status
    6| pre #{error.stack}
    '"" link is self closing and should not have content."
    I checked whether there is any whitespace or not?

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

    You are my mentor !

  • @ibperez7956
    @ibperez7956 8 ปีที่แล้ว

    Very nice tutorial. what IDE are you using?

    • @ibperez7956
      @ibperez7956 8 ปีที่แล้ว

      nvm got it :D

    • @Jus10DMoore
      @Jus10DMoore 8 ปีที่แล้ว

      What IDE is it?

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

      I'm using Webstorm by Jetbrains :)

  • @catalinrogojeanu6023
    @catalinrogojeanu6023 7 ปีที่แล้ว

    Hi, Max! What about EJS templates? Maybe a little video on that? Thanks!

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

      Thanks for the suggestion. Got not plans for the very near future but I'll certainly create more content on Nodejs in the future. So why not also on that

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

      I +1 that! EJS is awesome and would love a video on that :)

  • @luckytoniluke
    @luckytoniluke 6 ปีที่แล้ว

    Where can I find the generated (from Jade) HTML files?

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

    While am using router.get() in index.js, it's giving an error in server that is cannot read property 'get' of undefined...
    can anybody help me out?

    • @manosriram
      @manosriram 6 ปีที่แล้ว

      module.exports = router; at the bottom of the page

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

    can you use bootstrap with pugJS??

  • @TechNovaAquariums
    @TechNovaAquariums 6 ปีที่แล้ว

    @Academind Academind (I am trying to mention u lol) Thanks a lot for this tutorial. One thing I need to know ,How can we use Normal HTML (No template Engine) with express ?

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

      Happy to hear you're liking it! Please see: codeforgeek.com/2015/01/render-html-file-expressjs/

    • @TechNovaAquariums
      @TechNovaAquariums 6 ปีที่แล้ว

      Thanks a lot....

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

    why it says:
    input is a self closing element: but contains nested content.
    when i run it???

    • @academind
      @academind  8 ปีที่แล้ว

      Maybe because you use input like this?
      Some stuff? You shouldn't!

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

      Thank you. It's because I put a space like this
      input (type="text") When it should have been
      input(type="text")

  • @klaussmc6857
    @klaussmc6857 7 ปีที่แล้ว

    that's such an awesome Idea

    • @academind
      @academind  7 ปีที่แล้ว

      Thank you, great to read that :)

  • @faddygaming5460
    @faddygaming5460 7 ปีที่แล้ว

    jade files are not showing in my view directory.

  • @engineersyedbabarali3777
    @engineersyedbabarali3777 7 ปีที่แล้ว

    Do I use .html file instead of .Jade file ??

  • @arturdaveyan1276
    @arturdaveyan1276 8 ปีที่แล้ว

    Thanks for lesson! Couldn't you please commit the lessons sources to the repo? Thanks in advance! =)

    • @academind
      @academind  8 ปีที่แล้ว

      +Artur Daveyan
      Ah, forgot it again ... sorry, I now committed it.

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

    what is editor that you have used ?

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

      I use Webstorm by Jetbrains.

  • @mitaanshuagarwal007
    @mitaanshuagarwal007 7 ปีที่แล้ว

    Jade seems a bit confusing to me, is there any way or anything as "html engine" to avoid jade ?

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

      Yes, there are options - I do present some of them in this series, too.

    • @23cannonrock
      @23cannonrock 5 ปีที่แล้ว

      ejs

  • @ТриоЛяро
    @ТриоЛяро 3 ปีที่แล้ว

    how to use node modules in pug/jade template

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

    Haha you look like Seth Rogen :D

    • @academind
      @academind  7 ปีที่แล้ว +6

      Heard this before :D Fun fact: I didn't even know him before I started making these videos ;-)

    • @sagaryedireswarapu
      @sagaryedireswarapu 6 ปีที่แล้ว

      Even his Voice :)

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

    This template engine look so messed up isn't there any alternatives

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

      Sure, just check out the other videos in this playlist ;)

  • @ayechhamza1871
    @ayechhamza1871 7 ปีที่แล้ว +5

    install nodemon instead of restarting the server everytime x)

    • @yournameallowed
      @yournameallowed 7 ปีที่แล้ว

      in other tutorial he don't want to do it, see another node js vide u will find it hahaa, why

    • @faisaljutt7841
      @faisaljutt7841 6 ปีที่แล้ว

      how to install nodemon ?can you please give the instructions over here>

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

      Inside your project folder: npm install nodemon -g

  • @cadrissilver
    @cadrissilver 5 ปีที่แล้ว

    Sir U r Good

  • @GabCostaSilva
    @GabCostaSilva 6 ปีที่แล้ว

    Cool, huh!

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

    Fix the audio levels!

    • @academind
      @academind  6 ปีที่แล้ว

      I'm sorry, this is an older video, therefore the audio and video quality was not perfect. If you have a look at more recent videos, you should definitely hear and see an improvement :)

  • @nelsonmunoz1086
    @nelsonmunoz1086 5 ปีที่แล้ว

    great content but the audio is driving me mad man...

    • @academind
      @academind  5 ปีที่แล้ว

      The video is a bit older, the newer videos have better audio and video ;)

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

    Sound is awful but what to do :)

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

    Хера себе... Это вообще законно?!

  • @dillonhansen71
    @dillonhansen71 8 ปีที่แล้ว

    sound is too quite...

    • @academind
      @academind  8 ปีที่แล้ว

      Thanks for your feedback - I'm really sorry about that. I know that the sound is suboptimal in this video - that happened because my old mic broke right before this recording. Fortunately, it is like this only for a couple of videos.

    • @dillonhansen71
      @dillonhansen71 8 ปีที่แล้ว

      also you do an awesome job on your content. :)

    • @academind
      @academind  8 ปีที่แล้ว

      Many, many thanks - that's really great to hear! :)

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

    The audio quality is so poor, I gave up after 30 seconds. Shame.

  • @theterribleanimator1793
    @theterribleanimator1793 4 ปีที่แล้ว

    Jesus Christ what a mess web development turned out to be.

  • @bastienm347
    @bastienm347 7 ปีที่แล้ว

    Dude, buy a micro please

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

      Sorry Bastien, it's an older video and my equipment wasn't the best back then. In the more recent videos both audio and video quality improved a lot. Feel free to have a look :)