Node.js Crash Course Tutorial #7 - View Engines

Hey gang, in this node.js tutorial we'll look at view engines. View engines allow us to inject dynamic
content & variables into html templates before sending them to the browser.
0:00 -- view engines at a glance
1:28 -- ejs view engine
11:01 -- passing data into views
23:57 -- partials
30:18 -- adding css
🐱‍👤🐱‍👤 JOIN THE GANG -
kzread.info/dron/W5YeuERMmlnqo4oq8vwUpg.htmljoin
----------------------------------------
🐱‍💻 🐱‍💻 My Udemy Courses:
+ Modern JavaScript - www.thenetninja.co.uk/udemy/modern-javascript
+ Vue JS & Firebase - www.thenetninja.co.uk/udemy/vue-and-firebase
+ D3.js & Firebase - www.thenetninja.co.uk/udemy/d3-and-firebase
🐱‍💻 🐱‍💻 Course Files:
github.com/iamshaunjp/node-crash-course
🐱‍💻 🐱‍💻 Other Related Free Courses:
+ Modern JavaScript Tutorial - kzread.info/head/PL4cUxeGkcC9haFPT7J25Q9GRB_ZkFrQAc
+ HTML & CSS Crash Course - kzread.info/head/PL4cUxeGkcC9ivBf_eKCPIAYXWzLlPAm6G
🐱‍💻 🐱‍💻 Node.js links
+ Download here - nodejs.org/en/download/

Пікірлер: 464

  • @mohammadfared1533
    @mohammadfared1533 Жыл бұрын

    I have never seen any teacher like you. Everything is actually perfect, clear, understandable, and amazing. All thanks for you

  • @NetNinja

    @NetNinja

    Жыл бұрын

    Thanks for the kind words Mohammad, it means a lot :)

  • @offgridvince

    @offgridvince

    Жыл бұрын

    My sentiments exactly. I came expecting a topical understanding, and left with in-depth knowledge!🙂😀

  • @UltraToasty

    @UltraToasty

    5 ай бұрын

    I watched a ton of tutorials onKZreade and paid inUdemyy for them you are the guy whic the very best by far! If Ihade found earlier I probably saved months of time it'ss not a exaggeration) @@NetNinja

  • @Anstroy95
    @Anstroy954 жыл бұрын

    Dude you are crazy!! how do you manage to post valuable content from different topics within the same week!!!! Keep it up!!!

  • @lordmelbury7174
    @lordmelbury717411 ай бұрын

    I watched this once all the way through, all 12 videos, then went back and watched again but typed the code whilst watching. Best tutorial series I've seen.

  • @NetNinja

    @NetNinja

    9 ай бұрын

    Great to hear, thank you!

  • @ericpodhorecki5427
    @ericpodhorecki54273 жыл бұрын

    Everytime I have a question popping up in my head, you answer it right away. This course is really amazing!!

  • @generationwolves

    @generationwolves

    3 жыл бұрын

    Bet it was about using an external CSS instead of inline. :) It was bothering me ever since he started the tag.

  • @md.hasanmahmudrimon9867

    @md.hasanmahmudrimon9867

    2 жыл бұрын

    I was wondering when he is going to use partial views

  • @subhajitdey135
    @subhajitdey135 Жыл бұрын

    Just a checkpoint: VS code itself doesn't have syntax highlighting for EJS. Therefore we need to install an extension named EJS language support. BTW great video NINJA :-)

  • @PrashantKumar-lk3vs

    @PrashantKumar-lk3vs

    Жыл бұрын

    Thank you

  • @tytech6047

    @tytech6047

    Жыл бұрын

    Similarly, in Intellij one can add an 'ejs' plugin

  • @bruno88793

    @bruno88793

    Жыл бұрын

    thanks!

  • @chingg5463

    @chingg5463

    Жыл бұрын

    Thank you @subhajitdey135, your comment has helped me.

  • @mayamelissamellaz3100

    @mayamelissamellaz3100

    8 ай бұрын

    thanks

  • @charleskangai4618
    @charleskangai46183 жыл бұрын

    Excellent Shaun! Really good - no unnecessary waffling, direct to the point every time, no time wasters. Very useful content. Many thanks.

  • @hamzaeshoul
    @hamzaeshoul Жыл бұрын

    I tried out, as a self-taught developer in Morroco, many different youtube channels and educational resources outside of youtube and I can say with confidence that you are among the clearest, sharpest and most pedagogical educational sources. Thank you so much for all your efforts !

  • @joshuamahadevan9550
    @joshuamahadevan95502 жыл бұрын

    man. ilu. as a beginner with absolutely no idea of how backend works the level of depth and the flow of each video really helps me graps these consepts. I tried various other sources but all of it seemed like i was copying from them without knowing how it was done but now i really know what i have done.. love your channel. keep the good work up. may God bless you abundantly

  • @sutra6
    @sutra6 Жыл бұрын

    I really appreciate the fact that you show multiple ways to do things. For example how you explained creating servers and using express in the previous videos in this series. I'm learning a lot from your content.

  • @NetNinja

    @NetNinja

    Жыл бұрын

    That's great to hear, thanks for your comment Sutra :)

  • @naveedalirehmani4135
    @naveedalirehmani41353 жыл бұрын

    I have watched so many courses from your chaneel eg JavaScript, asynchronous Programming, vue, React, Webpack and now node js/express and all of those courses were amazing thank you for making this quality content free for us thank you very much

  • @NERO-ez1mn
    @NERO-ez1mn2 жыл бұрын

    i hope we can have a MERN tutorial soon. REACT is way Cleaner than EJS

  • @redzeit

    @redzeit

    4 ай бұрын

    Beginner here, Let's say I have a project deadline and I am still on the learning phase. The project is small-medum scale, which should I go for between the two, React or EJS? I can learn quick and the project doesn't need much fancy stuff.

  • @MPAD-bd1gz

    @MPAD-bd1gz

    2 ай бұрын

    @@redzeit Hi, i would suggest react

  • @hamza-325

    @hamza-325

    Ай бұрын

    React and EJS are completely different things. One is a front-end framework, and the other one is a template engine. They are not used in the same way or for the same purpose.

  • @Slikon
    @Slikon4 жыл бұрын

    This weekend was too long as we did not get a Node.js tutorial portion! :D Thank you for this amazing course!

  • @thomasm1964
    @thomasm1964 Жыл бұрын

    Enjoying this course. You make things very clear. I love people who explain things without assuming prior knowledge. It means I actually learn something rather than become swamped in terms and concepts I really do not understand. Thank you!

  • @NetNinja

    @NetNinja

    Жыл бұрын

    That's great to hear, thanks for the kind words :)

  • @Ms-jp2ts
    @Ms-jp2tsАй бұрын

    This is the best lecture on NodeJS i have seen till now

  • @andilesimelane4771
    @andilesimelane47714 жыл бұрын

    Thanks for another tutorials, You are changing lives, Please keep the good stuff coming

  • @mariarazo6977
    @mariarazo69772 жыл бұрын

    Before watching the Node.js crash course tutorial I was freaking out because I couldn't wrap my mind around nodejs, express, and MVS. I'd watched over nine hours of lectures and then studied countless articles for over six hours and it still didn't make sense; routing, rendering, and ejs?? EEEEEK. Fast forward to today, I've finished tutorial #7 and I'm literally shocked because I understand what's happening, and even better how cool these tools are!! I'm not even done with the tutorials and yet its all making sense, can't wait to keep learning. Thank you for sharing this incredible resource!

  • @yashchaube2815
    @yashchaube28153 жыл бұрын

    I am the guy who never heard of ejs and prolly view engines. and then i watched your videos. next i know i am watching ur vdos, learning it and executing it on the same time for two clients and they were insanely happy with the site. ALL THANKS TO YOU

  • @samsang8971
    @samsang89713 жыл бұрын

    This ejs concept is so cool! I've always wanted to write html in this elegant and modular way! Thanks so much Ninja, best web development tutorial!!

  • @alejandrojimenez3986
    @alejandrojimenez39863 жыл бұрын

    I finished your JS udemy course and I am building an e-commerce website, now learning backend so I can finish it up! You are the best

  • @alexandrepellegrino2699
    @alexandrepellegrino26993 жыл бұрын

    i never saw an node explanation like this, you are amazing bro, cheers from Brazil!

  • @jessieaguiao
    @jessieaguiao4 жыл бұрын

    Thank you The Net Ninja, from the bottom of my heart.

  • @shinchanshukla3938

    @shinchanshukla3938

    2 жыл бұрын

    and from my top , bottom, left, right and center of heart as well. 🤗

  • @hassanribery3093
    @hassanribery30933 жыл бұрын

    My Favourite Teacher on youtube

  • @davidli7133
    @davidli7133 Жыл бұрын

    Thank you so much for all tutorial videos, I had learned many things from your tutorial videos and I had applied in my work. I know that you are sharing your love to the world. I know that it is not enough to say Thank you so much. You are a great Instructor!

  • @himanshunahak5105
    @himanshunahak51053 жыл бұрын

    I was able to complete this video in practical! Thanks Shaun!!

  • @SiNzz602
    @SiNzz6029 ай бұрын

    Thank you! I'm building a web based/text based game and you definitely taught me everything I need to know to move from PHP. Awesome dude!

  • @erockdlmon8645
    @erockdlmon8645 Жыл бұрын

    thank you a lot you posted this years ago but im just finding it pure gold

  • @TheSlyDragon93
    @TheSlyDragon934 жыл бұрын

    My new morning ritual tea and node.js let's go!

  • @ridl27

    @ridl27

    4 жыл бұрын

    let's go !!1!1!!!!

  • @regd9297

    @regd9297

    4 жыл бұрын

    I’m a day behind.....let’s go!

  • @resiluck

    @resiluck

    3 жыл бұрын

    I will have to rethink about my career if I am going to look like you in profile picture. . . . . . . . . . Just kidding lol... I am already a developer haha..

  • @yevgeniypak1220

    @yevgeniypak1220

    3 жыл бұрын

    Hello man! It's been 9 months, have you applied to any jobs? How have you been on your progress? I am currently covering these tutorials and just wanted to know what's going afterwards and waiting ahead

  • @swetanshukaushik4569
    @swetanshukaushik45694 жыл бұрын

    Best tutorials i ever came across. Thanks a Ton dude

  • @anhquannguyen5111
    @anhquannguyen51114 жыл бұрын

    The best tutorial as always. Thanks for your work and inspiration. Loves from Vietnam

  • @Shakeel714
    @Shakeel7143 жыл бұрын

    Thanks so much Shaun for sharing your knowledge so elegantly

  • @ET_Bermuda
    @ET_Bermuda4 жыл бұрын

    Hey, I don't know if you've done this yet (I've been watching your older series), but it'd be really helpful if you could show how to do a login & registration system w/ Node. Also, password retrieval. I know, I know, it's a tall order & I'm going to look them up online anyway, but I just thought I'd ask. I look forward to watching this series. Keep up the good work, dude.

  • @sonamtseringsherpa
    @sonamtseringsherpa2 жыл бұрын

    Net Ninja indeed is a tutorial ninja, I love the way you make things simple to understand.

  • @SoloArdo
    @SoloArdo2 жыл бұрын

    I had to install the ejs extension from vscode for the tags to work. wonderful tutorials !

  • @hananeca4773
    @hananeca47733 жыл бұрын

    You're a life saver man ! awesome tutos and great explanation

  • @raffritter6766
    @raffritter67664 жыл бұрын

    Can't wait for the next video of the series :)

  • @a7medev
    @a7medev4 жыл бұрын

    I daily wait your new videos 💜, These videos make my day 💚 Keep it up 💙 + Where were you last 2 days ?

  • @mr.c7411
    @mr.c74113 жыл бұрын

    Best tutorial ever. Deserves more then the effort

  • @ihsannuruliman3656
    @ihsannuruliman36562 жыл бұрын

    Love this video! Shaun, I want a deep explanation of server side vs client side rendering as you mentioned in your video, now Im thinking about it

  • @briantoon4128
    @briantoon41284 жыл бұрын

    Just in case anyone is having trouble with ejs syntax highlighting in visual studio code, going to the settings.json file and adding this snippet worked for me :) "files.associations": { "ejs": "html" }

  • @ApaPlataCuLaMUIE

    @ApaPlataCuLaMUIE

    4 жыл бұрын

    these ones solved the issue for both express and ejs highlighting in webstorm (it wasn't finding the source for some methods of express, nor the declaration for ejs properties, either). i'm not sure if it propagates on visual studio code, but it should since it's all in the package.json file: npm install --save-dev @types/express npm install --save-dev @types/ejs

  • @daudibrahim3425

    @daudibrahim3425

    4 жыл бұрын

    not working for me plz...just explain the procedure plz...thanks

  • @naelmht

    @naelmht

    3 жыл бұрын

    What worked for me was installing the ejs language support extension for VS Code.

  • @metiu1973

    @metiu1973

    3 жыл бұрын

    @@naelmht same for me

  • @StarBattle08

    @StarBattle08

    3 жыл бұрын

    @@naelmht Thanks! wasted like 15 minutes searching in google lol

  • @suong534
    @suong5344 жыл бұрын

    Thanks you for your amazing course. Super easy to understand.

  • @user-vx8en6rf7u
    @user-vx8en6rf7u4 жыл бұрын

    thanks for talking through the added parts

  • @ohad7
    @ohad73 жыл бұрын

    This guy is brilliant !! I really enjoy your videos, thank you for sharing.

  • @NetNinja

    @NetNinja

    3 жыл бұрын

    Thank you! 😃

  • @mit6089
    @mit60892 жыл бұрын

    explaining everything you do is great! you dont just type something and continue typing something else. Great vids got yourself a new sub

  • @vascohooiveld9038
    @vascohooiveld90383 жыл бұрын

    Holy shit this is one of the best tutorials ever

  • @michaelmurr13
    @michaelmurr133 жыл бұрын

    Ive looked for a properly explained ejs tutorial for hours and i found one ^^

  • @simpleprogramming4671
    @simpleprogramming4671 Жыл бұрын

    Great channel! Thanks for all the time you dedicate to teaching others!

  • @NetNinja

    @NetNinja

    Жыл бұрын

    Thank you :) that means a lot

  • @sarthaksharma6268
    @sarthaksharma62683 жыл бұрын

    you are great teacher...just dont stop doing this

  • @kartikking7
    @kartikking72 жыл бұрын

    a very very intuitive and informative video....btw this was my 1st video from ur channel...liked ur style of teaching very much

  • @tarekghosn3648
    @tarekghosn3648 Жыл бұрын

    this is new to me. i was introduced to node from react so im betting it will be epic

  • @Sccoropio
    @Sccoropio Жыл бұрын

    Excellent tutorial. Crisp and clear! tyvm!

  • @NetNinja

    @NetNinja

    Жыл бұрын

    Glad it was helpful! :)

  • @HenalMerchant007
    @HenalMerchant0073 жыл бұрын

    Amazing Tutorials!! Thank you!!

  • @krisnarusdiono1304
    @krisnarusdiono13043 жыл бұрын

    i don't know if you read it or not, ninja. but thanks for your course! i was watching your tutorial for about 2 months now and still loving your channel content. and i just realize that you just got verified channel logo next to your channel name now. maybe you got that "check" logo this week? idk but congrats :).. keep creating buddy, i love your content!

  • @herbert_M
    @herbert_M Жыл бұрын

    very easy to understand, thanks a lot for making this video. I like the part where you explained that all this process is called Server Side Rendering. It's good to know what we're doing .

  • @NetNinja

    @NetNinja

    Жыл бұрын

    Glad it was helpful Herbert!

  • @nilmendes7710
    @nilmendes77103 жыл бұрын

    Your tutorials are excellent, because I can remember all aspects of systems development. P.S .: The style was good for me. Thank you Professor Shaun!

  • @ghostaccountlmao
    @ghostaccountlmao Жыл бұрын

    I always thought youtube teachers get a little too much credit for their work. There's always a bunch of people saying things like "I finally get it" or "why can't my university teach this well", and I don't think those comments considered that they're actually reviewing something and not explicitly learning it for the first time when they come to youtube after a class/bootcamp. So it's kind of unfair to throw those teachers under the bus when certainly those teachers introduced the topic and made you think about it enough that you could come into a 2nd viewing far more prepared. All of that taken into account and considered, I think The Net Ninja is a superb teacher. His content is elevated to a level I've really only ever encountered once prior. This is one of the opportunities that I can say, despite the fact that I had a decent grasp already, Net Ninja has taught me a lot. Beforehand my understanding felt like a blurry image that was recognizable but not clear. Now I feel like I have a 4k quality picture, framed, and complete with descriptions and summaries underneath.

  • @jeremiahojo2048

    @jeremiahojo2048

    Жыл бұрын

    Hahaha, you really enjoyed it to compose such a lengthy message. Shaun is the best I've met on KZread, goes straight to the point with clear and concise explanation. Very good teacher

  • @ghostaccountlmao

    @ghostaccountlmao

    Жыл бұрын

    @@jeremiahojo2048 I really wanted to emphasize that Shaun didn't just get through to me because I've seen the material before. He truly is incredible.

  • @cidhighwind8590
    @cidhighwind8590 Жыл бұрын

    You...are...amazing. Such an amazing teacher.

  • @alamir411
    @alamir4112 жыл бұрын

    AWESOME as always 😍😍😍

  • @amrabdulsalam4442
    @amrabdulsalam44422 жыл бұрын

    This is so cool !! keep on the hard work :)

  • @HasinthaWeragala
    @HasinthaWeragala4 ай бұрын

    Clear and concise. Great stuff mate

  • @NetNinja

    @NetNinja

    4 ай бұрын

    Much appreciated! :)

  • @venkatakalyan8330
    @venkatakalyan83303 жыл бұрын

    Really explained very well about ejs view engine. If you want to know about view engine we can watch this tutorial about

  • @kingakalinowska7854
    @kingakalinowska78543 жыл бұрын

    Extremely helpful, thank you very much

  • @dannyman2200
    @dannyman22003 жыл бұрын

    I bloody love this guy!

  • @tazaroast
    @tazaroast3 жыл бұрын

    Best ever tutorial on ejs

  • @fouadmohammed7307
    @fouadmohammed73073 жыл бұрын

    I seriously love you man

  • @someoneontheinternetuvenev6268
    @someoneontheinternetuvenev62683 жыл бұрын

    I just love how you say "rrright heeah" lol, Awesome tutorial though!

  • @rahul52540
    @rahul525404 жыл бұрын

    Awesome tutorials.. very simple and understandable. Waiting for next tutorial.will follow whole series. The NeXt Back-end after PHP .. Node Ninja..,😎😎

  • @codelightsparkles2403
    @codelightsparkles2403 Жыл бұрын

    amazing video as always!! I noticed that ejs is very very similar to php templates and in some ways django templates as well

  • @dwayne6402
    @dwayne64023 жыл бұрын

    as suggested at 33:00 I went and completed the entire flexbox series. Real good series worth the time spent for sure.

  • @ankitbal8030
    @ankitbal80304 жыл бұрын

    Keep it up 🤩🤩🤩🤩. Superb explanation 🔥🔥🔥. Keep uploading like these videos. From India🇮🇳🇮🇳🇮🇳

  • @amritgopinath9540
    @amritgopinath95404 жыл бұрын

    Thank you so much for such awesome videos

  • @leonardoleno5729
    @leonardoleno57293 жыл бұрын

    you're so good I wanna learn things I already know again

  • @ricardorien
    @ricardorien3 жыл бұрын

    So... this is how conditional rendering works before React. Awesome.

  • @firaskedidi9868
    @firaskedidi98682 жыл бұрын

    You're such a great instructor! The only thing is that pace is a little bit too fast and if it has more advanced concepts like sending emails, file upload and testing. Otherwise, it's a lot better than many udemy courses. The journey to the million

  • @moinulhossain2108
    @moinulhossain21082 жыл бұрын

    Beautiful. Thank you very much sir.

  • @tejasvix
    @tejasvix3 жыл бұрын

    What a great Content brother !!!!

  • @ericpodhorecki5427
    @ericpodhorecki54273 жыл бұрын

    great work!

  • @user-zt5fq7vu4p
    @user-zt5fq7vu4p10 ай бұрын

    May you live long and healthy dude god bless you

  • @radu9150
    @radu91502 жыл бұрын

    A great series so far!! Any plans to make an updated series about REST Api’s? Would be a great help for MERN apps :)

  • @minnkhantthu933
    @minnkhantthu9334 жыл бұрын

    I waiting nodejs crash course and your teaching skill is very amazing and I also waiting your next skillful teaching videos

  • @ghofranedarragi5601
    @ghofranedarragi56012 жыл бұрын

    thank you for this lesson 💙💙💙

  • @youngwolf1009
    @youngwolf1009 Жыл бұрын

    Dude you have a gift for teaching

  • @pratikshahire4403
    @pratikshahire44035 күн бұрын

    I thought NODE was smth i wont learn so easily, but this playlist proves me wrong!

  • @danielluna7648
    @danielluna76482 жыл бұрын

    Following along with Pug. I really love Pug and it's not too difficult to use along with the tutorial.

  • @yinonb172
    @yinonb1723 жыл бұрын

    best node.js tutorial ever

  • @yohannestsegaye6945
    @yohannestsegaye69459 ай бұрын

    No words!❤

  • @yousufkhan2909
    @yousufkhan29093 жыл бұрын

    Express JS, ESJ and Handlbars made me fall in love with web development

  • @yeasinjabed3630
    @yeasinjabed36304 жыл бұрын

    You are the best teacher I have 💙💙💙💙💙💙

  • @terrormapu
    @terrormapu4 жыл бұрын

    Thanks man👍

  • @official.mhm13
    @official.mhm134 жыл бұрын

    Previously i was using pug... But now I am gonna switch to EJS as it is more similar to HTML... Thank you shaun for introducing me to EJS.

  • @dev.regotube
    @dev.regotube3 жыл бұрын

    Anyone encountering warning: Special Characters must be escaped : [ > ] You should 1) Install install ejs extension 2) If (1) does not work, write this: "htmlhint.options": { "spec-char-escape": false, "doctype-first": false } It's the HTMLHint that was causing it

  • @chimzuruokeemmanuel3721
    @chimzuruokeemmanuel3721 Жыл бұрын

    Nice lessons thanks

  • @057anmolkesarwani4
    @057anmolkesarwani43 жыл бұрын

    beautiful explanation

  • @Stevenalp18
    @Stevenalp188 ай бұрын

    Dude, Episode #7 and I completely understand everything you have taught.

  • @NetNinja

    @NetNinja

    7 ай бұрын

    Awesome :)

  • @alextorres9750
    @alextorres9750 Жыл бұрын

    "That's pretty simple" hahah I love when you say that after me already having a headache trying to keep up hahahaha. Great job Man !!!! I learn a LOT from those videos.

  • @NetNinja

    @NetNinja

    Жыл бұрын

    Aha, happy to hear it's helpful :) thanks for your support Alex!

  • @rajpowar6946
    @rajpowar69463 жыл бұрын

    I definitely do not miss using EJS, its so easy to get the syntax wrong

  • @andreasrother428
    @andreasrother4287 ай бұрын

    very well explained

  • @Working800
    @Working8003 жыл бұрын

    Bro the moment I start working I'll by a course, merche or do something to pay you for such a content as good as this, at first I didn't wanna try because it's a little difficult for me understand british accent but I not just improve that part of my english but also lear so much about node. GREAT CONTENT

  • @chobelakakumbi6747
    @chobelakakumbi67474 жыл бұрын

    I wish I had known about ejs earlier. Solves alot of problems..

  • @abdo5738
    @abdo57384 жыл бұрын

    Thanks for the new video

  • @hendriekasjuarez6367
    @hendriekasjuarez63673 жыл бұрын

    you're a legend