Node.js Crash Course Tutorial #7 - View Engines

[@mohammadfared1533]

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

[@NetNinja]

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

[@offgridvince]

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

[@UltraToasty]

I watched a ton of tutorials onKZbine 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]

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

[@lordmelbury7174]

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]

Great to hear, thank you!

[@daniellevin5704]

Now write comments to for all the content un the 12 lectures and then write the implementations without watching the videos.

[@ericpodhorecki5427]

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

[@generationwolves]

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

[@md.hasanmahmudrimon9867]

I was wondering when he is going to use partial views

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

[@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]

Thank you

[@tytech6047]

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

[@bruno88793]

thanks!

[@chingg5463]

Thank you @subhajitdey135, your comment has helped me.

[@mayamelissamellaz3100]

thanks

[@charleskangai4618]

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

[@mariarazo6977]

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!

[@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]

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

[@joshuamahadevan9550]

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

[@naveedalirehmani4135]

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

[@yashchaube2815]

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

[@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]

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

[@RP-mp4ow]

Man. I tell ya. This is the tutorial-playlist I've been looking for. EVERY tutorial I'm led to always deals with exclusively Front-End stuff(what I get for doing general JS and React tutorials) Learning how to have a webpage deal with backend stuff has generally been an enigma, but finally learning this stuff has been so fascinating! Your tutorial method is so easy to follow and I'm always excited to see what you're going to cover next! Well laid out, intriguing, and more fun than I ever expected learning webdev to be! Thank you so much for these tutorials! I'm having a blast!

[@NetNinja]

Awesome to hear this :) appreciate the kind words! Thanks for watching.

[@LazyCodingAI]

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

[@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]

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

[@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.

[@samsang8971]

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

[@andilesimelane4771]

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

[@Ms-jp2ts]

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

[@KrisnaRusdionoYT]

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!

[@ET_Bermuda]

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.

[@alejandrojimenez3986]

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

[@hassanribery3093]

My Favourite Teacher on youtube

[@jessieaguiao]

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

[@shinchanshukla3938]

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

[@darweshfukrey9158]

00:03 Using view engines for injecting dynamic data into HTML templates. 02:25 Node.js and Express use EJS to automatically look for views in the 'views' folder. 06:39 Creating multiple view templates for different pages 08:42 Rendering EJS files and creating a simple form in Node.js 13:06 Passing data from handler to view in Node.js 19:33 Using EJS view engines to render dynamic content in Node.js 21:24 Dynamically rendering content using EJS templates. 25:37 Using include function to add head content to view file. 27:45 Including common elements in multiple files for efficient updates 31:46 Styling and positioning elements using CSS properties. 33:34 Styling the form for individual pages

[@someoneontheinternetuvenev6268]

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

[@nilmendes7710]

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!

[@TheSlyDragon93]

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

[@ridl27]

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

[@regd9297]

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

[@resiluck]

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]

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

[@a7medev]

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

[@NERO-ez1mn]

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

[@redzeit]

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]

@@redzeit Hi, i would suggest react

[@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.

[@SiNzz602]

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!

[@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]

Glad it was helpful Herbert!

[@sonamtseringsherpa]

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

[@alexandrepellegrino2699]

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

[@vascohooiveld]

Holy shit this is one of the best tutorials ever

[@erockdlmon8645]

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

[@firaskedidi9868]

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

[@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]

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

[@kartikking7]

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

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

[@JMuks]

Net ninja ever me? Joshua. We had a bit of an interaction in one of your Node js vids. I’m almost down with your Node js course, I haven’t met any obstacles along the way. I’ve said it once, I’ll say it again, no one teaches like you. Yeah, so thanks to you, I’m on my path to becoming a 13 year old programming Prodigy, maybe even a Titan :). Anyway thanks a lot. There’s a big project I’m already working on, and it’s all because of you man. I can’t wait to move onto your React course.

[@JMuks]

Sorry, I meant “remember me?”

[@NetNinja]

Hey Joshua thanks so much :) good luck with the project!

[@JMuks]

@@NetNinja thanks a lot Shaun

[@anhquannguyen5111]

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

[@mit6089]

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

[@SoloArdo]

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

[@dwayne6402]

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

[@Laurence80386]

Amazing tutorial series -- I've learned more about node in the past 1.5 hours watching this course than in many years of faffing with google! One question: which VSCode theme (inc. code highlighting) are you using?

[@simpleprogramming4671]

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

[@NetNinja]

Thank you :) that means a lot

[@venkatakalyan8330]

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

[@ankitbal8030]

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

[@mr.c7411]

Best tutorial ever. Deserves more then the effort

[@yeasinjabed3630]

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

[@pratikshahire4403]

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

[@ohad7]

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

[@NetNinja]

Thank you! 😃

[@briantoon4128]

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]

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]

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

[@naelmht]

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

[@metiu1973]

@@naelmht same for me

[@StarBattle08]

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

[@DhrumilParekh-t4x]

May you live long and healthy dude god bless you

[@himanshunahak5105]

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

[@dev.regotube]

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

[@swetanshukaushik4569]

Best tutorials i ever came across. Thanks a Ton dude

[@michaelmurr13]

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

[@tarekghosn3648]

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

[@RAMESHCHAUHAN-y5x]

I am from Nepal learning web development from You . Your content is amazing.

[@NetNinja]

Thanks Ramesh, big love to Nepal! :)

[@christianokotoaza1921]

Can we code together

[@raffritter6766]

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

[@ricardorien]

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

[@tazaroast]

Best ever tutorial on ejs

[@cidhighwind8590]

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

[@sarthaksharma6268]

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

[@aerofred2002]

This is like learning from Tyson Fury. Well Done.

[@youngwolf1009]

Dude you have a gift for teaching

[@NotPastelDreams]

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

[@rayquazacoder7104]

best node js tutorials in the all youtube

[@NetNinja]

Thanks Rayquaza! Great choice of Pokemon for your name :)

[@umrbekmatrasulov4141]

@@NetNinja hi, bro, can't you tell which vs code extension is needed for ejs code, so that it is shown as in your tutorial?

[@HasinthaWeragala]

Clear and concise. Great stuff mate

[@NetNinja]

Much appreciated! :)

[@ihsannuruliman3656]

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

[@hananeca4773]

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

[@official.mhm13]

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.

[@Shakeel714]

Thanks so much Shaun for sharing your knowledge so elegantly

[@alamir411]

AWESOME as always 😍😍😍

[@yinonb172]

best node.js tutorial ever

[@fouadmohammed7307]

I seriously love you man

[@robertofranco7630]

Shaun, excellent work (2y late still). But I notice the index.ejs file in your git repository (lesson 7) is not the same you use in the tutorial. It seems to be the final version with all the variables and logics implemented. Would be nice to have the same pure HTML version to play along during the video.

[@rajpowar6946]

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

[@codelightsparkles2403]

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

[@kwokhowlou219]

Hi Netninja, kudos for the fantastic course! I am curious which extension you are using for your ejs to automatically call the javascript function while editing the ejs file?

[@oz1213-u4x]

you can use JavaScipt EJS extension by DigitalBrainstem

[@Stevenalp18]

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

[@NetNinja]

Awesome :)

[@Sccoropio]

Excellent tutorial. Crisp and clear! tyvm!

[@NetNinja]

Glad it was helpful! :)

[@gym_motivation077]

What an amazing Lesson i've learned from you God bless you , but as a suggestion why don't you create another new playlist for Node.js i mean with React not in EJS

[@Working800]

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

[@jasper5016]

This is crazy content. Thanks a lot Shaun. Please get some advanced node topics. How do you get time for creating so much content? I suggest you to please keep some of the content as member perks, this way, it will give you side income. I see people enjoy your content but don't JOIN your channel even if its pretty cheap (99 cents for a month).

[@danielluna7648]

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

[@MichaelBrima-ld9lo]

Hi, If anyone's having trouble getting the 'title' line to work, i used

[@dnynu]

Thanks I got some basic idea about backend . Plzzz grab more courses on backend so we can work on real time. Also plzz create one real time app in the course so we will Get an idea . Plzzzzzzz ♥️

[@dannyman2200]

I bloody love this guy!

[@suong534]

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

[@amrabdulsalam4442]

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

[@AhmedAbukar]

you just deserve more than "thank you", :)

[@leonardoleno5729]

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

[@minnkhantthu933]

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

[@sudhanshudubey8099]

Amazing tutorial Shaun as always!! I just ran into an error "Cannot find include file". Probably because the views files are inside the views folder so the relative path for partials must be "../partials/nav.ejs" instead of single dot "./partials/nav.ejs". Not sure how your is working but I had to use double dot to first come out of the folder and then go inside partials folder

[@hanazaid1]

I had the same error, thanks a lot for mentioning the solution :)

[@abdullahshimi947]

I'm not sure if you are going to see my comment, but I have to say it. I watched a lot of Node.js videos and all of them were just a speed run through the whole topic. So I want to say thank you so much for the detailed video. You got a new subscriber. If you did see my comment, can you please tell me how do you get intellisense and highlighting for ejs. I tried EJS language Support extension but it doesn't give me javascript intellisense . Thanks again.

[@user-vx8en6rf7u]

thanks for talking through the added parts

[@mahinhossen4251]

Wish I could meet you someday in real life and thank you in person for these valuable vids you keep uploading .