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
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
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
Dude you are crazy!! how do you manage to post valuable content from different topics within the same week!!!! Keep it up!!!
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
9 ай бұрын
Great to hear, thank you!
Everytime I have a question popping up in my head, you answer it right away. This course is really amazing!!
@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
2 жыл бұрын
I was wondering when he is going to use partial views
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
8 ай бұрын
thanks
Excellent Shaun! Really good - no unnecessary waffling, direct to the point every time, no time wasters. Very useful content. Many thanks.
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 !
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
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 :)
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
i hope we can have a MERN tutorial soon. REACT is way Cleaner than EJS
@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
2 ай бұрын
@@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.
This weekend was too long as we did not get a Node.js tutorial portion! :D Thank you for this amazing course!
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 :)
This is the best lecture on NodeJS i have seen till now
Thanks for another tutorials, You are changing lives, Please keep the good stuff coming
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!
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
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!!
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
i never saw an node explanation like this, you are amazing bro, cheers from Brazil!
Thank you The Net Ninja, from the bottom of my heart.
@shinchanshukla3938
2 жыл бұрын
and from my top , bottom, left, right and center of heart as well. 🤗
My Favourite Teacher on youtube
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!
I was able to complete this video in practical! Thanks Shaun!!
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!
thank you a lot you posted this years ago but im just finding it pure gold
My new morning ritual tea and node.js let's go!
@ridl27
4 жыл бұрын
let's go !!1!1!!!!
@regd9297
4 жыл бұрын
I’m a day behind.....let’s go!
@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
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
Best tutorials i ever came across. Thanks a Ton dude
The best tutorial as always. Thanks for your work and inspiration. Loves from Vietnam
Thanks so much Shaun for sharing your knowledge so elegantly
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.
Net Ninja indeed is a tutorial ninja, I love the way you make things simple to understand.
I had to install the ejs extension from vscode for the tags to work. wonderful tutorials !
You're a life saver man ! awesome tutos and great explanation
Can't wait for the next video of the series :)
I daily wait your new videos 💜, These videos make my day 💚 Keep it up 💙 + Where were you last 2 days ?
Best tutorial ever. Deserves more then the effort
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
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
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
4 жыл бұрын
not working for me plz...just explain the procedure plz...thanks
@naelmht
3 жыл бұрын
What worked for me was installing the ejs language support extension for VS Code.
@metiu1973
3 жыл бұрын
@@naelmht same for me
@StarBattle08
3 жыл бұрын
@@naelmht Thanks! wasted like 15 minutes searching in google lol
Thanks you for your amazing course. Super easy to understand.
thanks for talking through the added parts
This guy is brilliant !! I really enjoy your videos, thank you for sharing.
@NetNinja
3 жыл бұрын
Thank you! 😃
explaining everything you do is great! you dont just type something and continue typing something else. Great vids got yourself a new sub
Holy shit this is one of the best tutorials ever
Ive looked for a properly explained ejs tutorial for hours and i found one ^^
Great channel! Thanks for all the time you dedicate to teaching others!
@NetNinja
Жыл бұрын
Thank you :) that means a lot
you are great teacher...just dont stop doing this
a very very intuitive and informative video....btw this was my 1st video from ur channel...liked ur style of teaching very much
this is new to me. i was introduced to node from react so im betting it will be epic
Excellent tutorial. Crisp and clear! tyvm!
@NetNinja
Жыл бұрын
Glad it was helpful! :)
Amazing Tutorials!! Thank you!!
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!
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!
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!
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 KZread, 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.
You...are...amazing. Such an amazing teacher.
AWESOME as always 😍😍😍
This is so cool !! keep on the hard work :)
Clear and concise. Great stuff mate
@NetNinja
4 ай бұрын
Much appreciated! :)
Really explained very well about ejs view engine. If you want to know about view engine we can watch this tutorial about
Extremely helpful, thank you very much
I bloody love this guy!
Best ever tutorial on ejs
I seriously love you man
I just love how you say "rrright heeah" lol, Awesome tutorial though!
Awesome tutorials.. very simple and understandable. Waiting for next tutorial.will follow whole series. The NeXt Back-end after PHP .. Node Ninja..,😎😎
amazing video as always!! I noticed that ejs is very very similar to php templates and in some ways django templates as well
as suggested at 33:00 I went and completed the entire flexbox series. Real good series worth the time spent for sure.
Keep it up 🤩🤩🤩🤩. Superb explanation 🔥🔥🔥. Keep uploading like these videos. From India🇮🇳🇮🇳🇮🇳
Thank you so much for such awesome videos
you're so good I wanna learn things I already know again
So... this is how conditional rendering works before React. Awesome.
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
Beautiful. Thank you very much sir.
What a great Content brother !!!!
great work!
May you live long and healthy dude god bless you
A great series so far!! Any plans to make an updated series about REST Api’s? Would be a great help for MERN apps :)
I waiting nodejs crash course and your teaching skill is very amazing and I also waiting your next skillful teaching videos
thank you for this lesson 💙💙💙
Dude you have a gift for teaching
I thought NODE was smth i wont learn so easily, but this playlist proves me wrong!
Following along with Pug. I really love Pug and it's not too difficult to use along with the tutorial.
best node.js tutorial ever
No words!❤
Express JS, ESJ and Handlbars made me fall in love with web development
You are the best teacher I have 💙💙💙💙💙💙
Thanks man👍
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.
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
Nice lessons thanks
beautiful explanation
Dude, Episode #7 and I completely understand everything you have taught.
@NetNinja
7 ай бұрын
Awesome :)
"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!
I definitely do not miss using EJS, its so easy to get the syntax wrong
very well explained
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
I wish I had known about ejs earlier. Solves alot of problems..
Thanks for the new video
you're a legend