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: th-cam.com/play/PLwGdqUZWnOp00IbeN0OtL9dmnasipZ9x8.html ✅ Express JS Tutorial In Hindi in 2020: th-cam.com/play/PLwGdqUZWnOp3Vqww2cL5KbDkShj4NMRzk.html
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
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.
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.❤️
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
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.
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.
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?
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 .
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
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
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.
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 ?
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
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
@@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
![[#2024MAMA] G-DRAGON - 무제(Untitled, 2014)+POWER+HOME SWEET HOME+뱅뱅뱅+FANTASTIC BABY | Mnet 241123 방송](http://i.ytimg.com/vi/Ox29z5Nf1Uk/mqdefault.jpg)
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: th-cam.com/play/PLwGdqUZWnOp00IbeN0OtL9dmnasipZ9x8.html
✅ Express JS Tutorial In Hindi in 2020: th-cam.com/play/PLwGdqUZWnOp3Vqww2cL5KbDkShj4NMRzk.html
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
full of energy man ...i purchase the course from coding ninjas but they were not explaining all the thing
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...
best channel in youtube for MEARN stack dev
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!:)
Wooow.simply majestic...loved it a lot ..getting so much fun,thank u so much Thapa ji :D
Hii, Thapa sir your videos are really awesome you are my Role Model, I watched each and every video of you.
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
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.
Thank you brother 🥰🥰🥰🥰🥰🥰
Bs ek galti ki bajah se nhi chal raha tha 🥰🥰🥰🥰🥰🥰 ab chal gya 🥰🥰🥰🥰🥰😘😘😘😘😘😘😘😘😘😘😘😘
after making hbs file i when i run app.js no CSS is there using handlebars on opening local host just plain HTML file
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
content starts at 8:40
if we are using react then also we have to use template engine ?
best teacher...
nice Video Vai !
Love from Bangladash
Thanks bhai bhot haelping video ha
thanks buddy for this tutorial i was frustrating about pug etc it's simple and easy
Osm explanation 🔥
Nice video Thapa sir...
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.
Very usefull easy to learn thnku 💕💕💕 boom boom 💣💥💣💥💣💥
Sir, microservice in nodejs and cloud hosting server setup for new developers
Helpful video thanks you so much sir 🙏
Hi Thapa, You are doing a great job, and Thank you so much😊😊
Thanks Very Nice
which template engine is most usable nowaday
Like comment done ❤ and thanx for awesome videos❤
sir konsa tune use kartein ho video ke end mai I love that.
Awesome 🎥videos
Error: Failed to lookup view "index" in views directory "E:\Express\src\views"
plese resolve this issue
Superb 🔥😈🔥
Sir css file, and javascript are not fetch after index.html move to index.hbs
Thapa ji pls explain little bit slowly,so we understand so better
can you use react in ejs template?
thapa is new age papa
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.
really helpul bhai
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?
Awesome 😲
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 .
Thapa G express ke bad MongoDB ka course aye ga k ni?
this one was good
Thanks Bhai 😁
Can I use hbs to create dynamic table that fetches data from SQL database?? Pls answer I am stuck😭
Agar thapa bhai nahi hote to hum gareebon ka kya.. hota…
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
Nice video.Thanks
can't we use react instead of template engine?
Yes u can
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
i am getting html inside views without css and images applied. I mean It cannot fetching the assets?
Apne itne sare folders and jo cmd se files bnae wha m bht confuse hogyi and output m mjhe kch smjhni aya
Failed to lookup view error solution:
In the terminal just type node src/index.js
Thank u so much 🤗🤗🤗
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????
this video is helpful.
Sir getting error -
Cannot find module 'hbs' kya karu koi batav yrr
Failed to lookup view "index" in views directory
What to do now
This video is awsome
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
Ok sir. Now it is came live....
React js ko frontend k liye use kr skty ha node k sth ?
Yes
please make a video of React+php
Thank you 😇
i create npx create-react-app handlebar, how can i use handlebar in reactjs pls help
Teach us also password js...and more advance in express js ...
Thank you ❣️
th-cam.com/video/TdjG5SRlttk/w-d-xo.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..
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
Thanks 🙏
Sir, really liked videos... Please do on Angular also
Why cant we use readfile module and then use replace method
For dynamic data
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.
Nice video 👌👌👌
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
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
11th video is not available??
thapa bro aapka ye view engine sahi se work nahi kar raha hai
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
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
views wale hbs file CSS ni mil raha h usko kya kru?
I got an error like failed to lookup view "index.pug" in views directory please help me
bro when i use hbs to load a page it doesn't get styles?
Hi brother can we change fontsize of a string dynamically depending on text characters using handlebars
Ya abkos bro
thnks sir
How to use bootstrap in pug ??
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
@@Kiisshh_1 Thanks bro!! However, it has been solved by now
@@sukanyachakraborty2893bro is wale video ka source code de do please
Hello Sir,
Can you please Explain Difference Between express-handlebars, handlebars, hbs , I am getting very confused
can you make complete video on ejs template engine ?
you fellow Andrew Mead Course of Udemy
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);
sir reactnative pe complete course bana dijiye
css and images tww load hi nhh hoparahi hay pr jb head k undr css likha tww css kaam krgya
14:00 par scss is not comming. How to solve this problem
Bro my CSS is not being applied to HBS file. My path is correct for stylessheet. Please Help.
Same problem with me.. Did you solve that issue or still stuck
use in the hbs folder
help my css in not working in dynamic one
My css is not reflecting on the index.hbs file...
my link for the style sheet is css/index.css
folder structure: public/css/index.css
Help.
Yes same problem anyone answer plz
@@chiraggupta9547 in index.js use const staticpath = path.join(__dirname,"../public/"); and then in the hbs folder
@@unfiltered_with_yogi ok bro.
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
no such file or directory error occure can you help me how to fix it
please use React js as front End
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