Это видео недоступно.
Сожалеем об этом.
#6: Template Engines (Pug, hbs, EJS) in Node JS 😍 | Add Dynamic Content in Express JS in Hindi
HTML-код
- Опубликовано: 5 окт 2020
- Welcome, what is the template engine in express js in Hindi?
Using template engines with Express in Hindi 😀
A template engine enables you to use static template files in your application. At runtime, the template engine replaces variables in a template file with actual values and transforms the template into an HTML file sent to the client. This approach makes it easier to design an HTML page.
Some popular template engines that work with Express are Pug, Mustache, and EJS. The Express application generator uses Jade as its default, but it also supports several others.
😍 Check my Instagram to Chat with me: / vinodthapa55
✅ NodeJS Tutorial in Hindi 2020: • NodeJS Tutorial in Hin...
✅ Express JS Tutorial In Hindi in 2020: • Express JS Tutorial In...
************ Must Watch Videos For Web Development ************
➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: • React JS Tutorial in H...
➡️ React JS Project Netflix App Part #1 in Hindi in 2020: • #22: Props in React Js...
➡️ Install VS Code for ReactJS LINK: www.thapatechn...
😍😍 Check Programming Videos in One Hour👇
➡️ Complete Reactjs in One video here • ReactJS For Beginners ...
➡️ HTML in One Video: • Learn HTML in One Vide...
➡️ CSS in One video: • Learn Complete CSS In ...
➡️ CSS FlexBox in 30 Minutes: • CSS FlexBox in 30 Minu...
➡️ JavaScript in One video: • JavaScript in One Vide...
➡️ ECMAScript 6 in One Video: • ES5 & ES6 | ECMAScript...
➡️ HTML5 in one video: • HTML5 Tutorial in One ...
➡️ CSS3 in one video: • Learn Complete CSS3 In...
➡️ Bootstrap4 in One video: • Bootstrap 4 in One Vid...
➡️ Jquery in One video: • jQuery in One Video in...
➡️ JSON in one video: • JSON in One Video in H...
➡️ ReactJS in one video: • ReactJS For Beginners ...
➡️ PHP in One Video: • PHP TUTORIAL IN ONE VI...
➡️ NodeJS in one video: / ipnwakoibt
➡️ MySQL in one video: • Complete SQL & MySQL i...
********** CLICK HERE TO WATCH ************
➡️ Fetch API in JavaScript: • Fetch API in JavaScrip...
➡️ AJAX tutorial for beginners in Hindi: • AJAX tutorial for begi...
➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi: • ES6 Tutorial #3: Templ...
➡️ Async Await in JavaScript in Hindi: • Async Await in JavaScr...
➡️ Promises in JavaScript in Hindi: • Master The Promises in...
➡️ Callback Hell in JavaScript: • Callback Hell in JavaS...
➡️ Advanced JavaScript in Hindi Playlist: • Advanced JavaScript Tu...
➡️ ECMAScript Tutorial in Hindi 2020: • Modern JavaScript ES6 ...
➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: • ES5 & ES6 | ECMAScript...
➡️ JavaScript Game Development Series in 2020: • JavaScript Game Develo...
➡️ Source Code Link: www.thapatechn...
➡️ Top 5 Programming Languages in 2020: • Top 5 Programming Lang...
➡️ Ludo Game JavaScript Link: • JavaScript Game in Hin...
➡️Plz show some love to My Siter RUclips Channel and Plz Subscribe Link: / @mayabeautyvlogs878
**************** MUST WATCH VIDEOS *****************
➡️ How to become a Full Stack Developer 2020: • How to become a Full S...
➡️ How To Become a Web Developer 2020: • How To Become a Web De...
➡️ How JavaScript Works: • How JavaScript Works i...
➡️ Follow me on Instagram: / vinodthapa55
Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi
➡️ Link: • Make Website Responsiv...
Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
Don't Forget to Follow me on all Social Network,
Website Link: www.thapatechn...
Instagram Link: / vinodthapa55
Facebook Link: / vinodthapa55
Twitter Link: / vb55thapa
Facebook ThapaTechnical Page Link: www.facebook.c...
Today, video is very important bcz we will see how to add dynamic content to our applications using Template Engines in Express 😍Check my Instagram to Contact me: instagram.com/vinodthapa55
✅ NodeJS Tutorial in Hindi 2020: ruclips.net/p/PLwGdqUZWnOp00IbeN0OtL9dmnasipZ9x8
✅ Express JS Tutorial In Hindi in 2020: ruclips.net/p/PLwGdqUZWnOp3Vqww2cL5KbDkShj4NMRzk
Bro ma nepal bata. I want full tutorial on news portal website... please...... please. ... Take it as a request from your subscriber
How to pass html data from one file to another without form post method ?
@@Pallavi_B use Get method
bro after moving html stuff in hbs code works but css not working any solution
Keep your views folder inside the src folder if you're getting an error, saying Failed to lookup view "index" in views directory
thnks.. it worked
Thanks
thanks
Great 😃
Yesss...
const staticPath=path.join(__dirname,"../views");
app.set('views',staticPath);
Add these two if some getting error.
Yes exactly I was getting an error.
Thank you
Thankyou so much bro❤️❤️❤️
Thanks a lot
Thanks man!:)
full of energy man ...i purchase the course from coding ninjas but they were not explaining all the thing
best channel in youtube for MEARN stack dev
Wooow.simply majestic...loved it a lot ..getting so much fun,thank u so much Thapa ji :D
Sir 😥 template engine hi expressJs ke sath use kar sakte he dynamic data ko show karva ne ke liye ! To
ReactJs ko kese use karenge?
😬 I got completely confused.
Sir please reply me OR explain in next video.❤️
good qn .. yes you can use template engine but it's complicated , so you should use react or angular for forntend purpose
HI All coders , i created npx create-react-app handlebar, how can i use handlebar in reactjs pls help if anybody know give me some idea . it is possible or not
Hii, Thapa sir your videos are really awesome you are my Role Model, I watched each and every video of you.
Hello Vinod, You are doing great. My earnest request you to do a tutorial on "Lazy Loading" concept with a project. Desperately waiting to know the details about that. Hope to see you soon on that particular concept.
Error: Failed to lookup view "index" in views directory show error please help me
Put your "views" folder inside "src"
@@WirelessBhai thanks , that's work
@@WirelessBhai thank you bhai its working
Thanku so much bhai ❤️
@@WirelessBhai why it works when we move our views into src but thapas code is working without it
Sir, microservice in nodejs and cloud hosting server setup for new developers
Awesome video thapa, bhai keep it up.
Bhai 2 mahine phle se kr rhe the🙄👍😭
@@the_good_bad_actors are bhai, wo to asehi bs man kiya to aakar comment kr diye, dekh nhi rhe the.
HI All coders , i created npx create-react-app handlebar, how can i use handlebar in reactjs pls help if anybody know give me some idea . it is possible or not
after making hbs file i when i run app.js no CSS is there using handlebars on opening local host just plain HTML file
if we are using react then also we have to use template engine ?
hbs not working
Same problem bhai, tere me kya problem aari h ? Mere me install ho gaya pr node modules nhi aa rhe
@@teerthendra bro ho gaya tha sb resolve
Anyone have this issue.
[ Failed to lookup view "index.hbs" in views directory "E:\expressjs\src\views" ]
only move views folder in scr folder.
Tysm
can you use react in ejs template?
thanks , this video cleared a lot of my doubts, when we did the weather app project i was wondering if there was an easy way to replace the data from api, and this makes it so easier.
when i copy all the code to index.hbs file then my css file doesnt load. what to do ?
Same problem bro
const staticPath = path.join(__dirname,"../public");
//public folder contains all the files to be served
app.use(express.static(staticPath));
Write these lines before app.set('view engine','hbs'); in index.js file
Failed to lookup view error solution:
In the terminal just type node src/index.js
13:24 But you said before that the code was executed in top-to-bottom order? Then how can we use different pages and render them, suppose first i render or send a static website with the use of express.static(path) then i want to render my contact.hbs page with the use of app.get(). But it only render the first code that is express.stati(path), so what about the contact. hbs file?? i hope you guys understand... if anyone has a solution for it, then please reply me :) Bcoz I don't understand.
thanks buddy for this tutorial i was frustrating about pug etc it's simple and easy
Html file is showing but style.css file is not implementing it is pure html
How add css file
Please Clear my doubt
Node/ExpressJS
In ExpressJS
Folder present: musicapp ,views,src
In music app index.html, style.css
in views: index.hbs code of musicapp html
in src: index.js
node\expressJS>node src/index.js
use in the hbs folder
Thank you brother 🥰🥰🥰🥰🥰🥰
Bs ek galti ki bajah se nhi chal raha tha 🥰🥰🥰🥰🥰🥰 ab chal gya 🥰🥰🥰🥰🥰😘😘😘😘😘😘😘😘😘😘😘😘
nice Video Vai !
Love from Bangladash
content starts at 8:40
Very usefull easy to learn thnku 💕💕💕 boom boom 💣💥💣💥💣💥
if there are multiple html files inside the public folder such that any one of them is hyperlinked to another by the anchor tag, how can I use the express.static() method?
please make a video of React+php
Hi Thapa, You are doing a great job, and Thank you so much😊😊
can't we use react instead of template engine?
Yes u can
best teacher...
Like comment done ❤ and thanx for awesome videos❤
Nice video Thapa sir...
keep your views folder inside src accordingly then it will not show any error
Is there any other ways by which we can add demo names instead of the placeholders and still do the same functionality ?
i mean, like we receive a html page (with some identifiers ofc to identify where to change the values) but the html page would look like a actual page instead with some weird texts.
Just asking, if you guys faced a similar situation, please share how to solve this .
Helpful video thanks you so much sir 🙏
Error: Failed to lookup view "index" in views directory "E:\Express\src\views"
plese resolve this issue
Osm explanation 🔥
Can I use hbs to create dynamic table that fetches data from SQL database?? Pls answer I am stuck😭
How to use bootstrap in pug ??
thapa is new age papa
Awesome 🎥videos
Thanks bhai bhot haelping video ha
Failed to lookup view "index" in views directory
What to do now
Awesome 😲
Hi brother can we change fontsize of a string dynamically depending on text characters using handlebars
Ya abkos bro
i create npx create-react-app handlebar, how can i use handlebar in reactjs pls help
Sir getting error -
Cannot find module 'hbs' kya karu koi batav yrr
Please I have a question, I have more than one collection which I want pass to my index page, please how can I do it
what if github is looking for index.html and we have index.hbs ....unless its index.html we wont be able to see the page any solution????
Thapa sir I am getting error:
Failed to lookup view "index" in views directory "C:\Express JS\src\views"
I checked the code 3-4 times everything is proper. Can u please guide sir
just add the lines:
app.set('views', '../views');
app.set("view engine", "hbs");
@@rutvikmehta4657 what is the mean of first app.set ?
@@rutvikmehta4657 thanks it's working, but why, can you explain??
@@rutvikmehta4657 thank u bro....u solved my problem
Nice video.Thanks
Sir, you just directly copy the html part in the hbs, but what about the css file? without setting the right path of css file, how the server can run ?
bro app.use(express.static(staticPath)); is baley main link hai na
use in the hbs folder
really helpul bhai
this one was good
it shows an error...failed to lookup index in views directory
same here, did you find a fix for it??
Same problem.. Do you any solution
I am getting this error-- Failed to lookup view "content" in views directory, cna anyone help me
Same problem, did you got the solution??
same 2 same
I moved the "views" inside "src" folder
@@simosenpai2685 app.set('views','../views');
app.set('view engine', 'hbs')
Add these code in index. Js
@@saurabhgupta6691 tnx. Your coding working
sir konsa tune use kartein ho video ke end mai I love that.
Sir, really liked videos... Please do on Angular also
Thanks Very Nice
which template engine is most usable nowaday
Why cant we use readfile module and then use replace method
For dynamic data
this video is helpful.
Thank u so much 🤗🤗🤗
Thapa G express ke bad MongoDB ka course aye ga k ni?
sir meri code main Failed to lookup view "index" in views directory yeh error aa rahi h what I do
This video is awsome
Thanks Bhai 😁
please use React js as front End
Thank you 😇
Style css in not apply in hbs extension but how you do this
pata chal kaise hoga
i am still facing this issue
@@Trishul-Industries
Tell express about your static files :
app.use(express.static(your_static_files_folder_path);
thapa bro aapka ye view engine sahi se work nahi kar raha hai
Apne itne sare folders and jo cmd se files bnae wha m bht confuse hogyi and output m mjhe kch smjhni aya
Ok sir. Now it is came live....
Agar thapa bhai nahi hote to hum gareebon ka kya.. hota…
Superb 🔥😈🔥
Teach us also password js...and more advance in express js ...
Thank you ❣️
ruclips.net/video/TdjG5SRlttk/видео.html
@@javascriptwar9525 thank you vai❣️❣️
@@ezone2726 🙏 me bhi thapa sir se inspire hu ..mujhe ese send nahi karna chaiye tha par socha ki kisiko jarurat par rahi toh kardiya..
Thapa ji pls explain little bit slowly,so we understand so better
I got an error like failed to lookup view "index.pug" in views directory please help me
Hello Sir,
Can you please Explain Difference Between express-handlebars, handlebars, hbs , I am getting very confused
Nice vedio sir ,Sir please make a payment system using php MySQL ,i need it immediately ,
11th video is not available??
thnks sir
can you make complete video on ejs template engine ?
14:00 par scss is not comming. How to solve this problem
Thanks 🙏
bro when i use hbs to load a page it doesn't get styles?
I don't think there is any special usecase for handlebars or pug if you're using React as a front end for your project.
Sir Mein nodejs ke Saath MYSQL use kar raha hoon.
On click per database Mein 3 4 operation perform karna padhta hai. At time 3 4 user tak ho jata but ek Saath 50 user bhi Aa rahe hai toh operation perform nahi ho raha hain. I already use async await.
Its a quiz game in there is group of 6 contestant.
So if suppose there is 600 click at a time there must 100 container.
Bro the CSS code is not getting identified if the index.html is copied to index.hbs. any suggestions ?
Me also
@@darkraven7834 const staticPath = path.join(__dirname,"../public");
//public folder contains all the files to be served
app.use(express.static(staticPath));
Write these lines before app.set('view engine','hbs'); in index.js file
const staticPath = path.join(__dirname,"../public");
//public folder contains all the files to be served
app.use(express.static(staticPath));
Write these lines before app.set('view engine','hbs'); in index.js file
@@KishanKumar-hu2mm Thanks bro!! However, it has been solved by now
@@sukanyachakraborty2893bro is wale video ka source code de do please
Nice video 👌👌👌
Hello sir
My external css file is not linked with my hbs file
use in the hbs folder
Make a mern project after mongodb course
Main ek coding se website Banya hua us website ko domain hosting se bhi Jod Diya hun ab mujhe content dala hai to kaise dalu please bataya Maine ye questions har youtuber se puch raha hu kaoi reply nahi karte hai aap hi se ummid hai
how we can link our css file and call images or icons in index.hbs?
please let me know asap. thanks
Make a CSS folder in public folder
And link the CSS file in hbs file
href="CSS/style.css"
And same for images
Sir please build a complete MERN STACK website 🙏
im getting {{var_name}} when running not value in it? anyone knows how to sort it
help my css in not working in dynamic one
no such file or directory error occure can you help me how to fix it