Это видео недоступно.
Сожалеем об этом.
#4: Serve HTML CSS & JS Files in Express JS | Middleware in Express JS in Hindi in 2020
HTML-код
- Опубликовано: 2 окт 2020
- 😍 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...
Hope you all love it❤️ be with my channel always 🙏
I m following you and learning node js express js.
Thank you so much Sir.
Do teach us more things in node js and express js.
Laravel me crud operation par video banao pls
you can simply create file by using touch index.html instead of type nul > index.html
touch basicaly mac and linux command but you can use in window as well
i guess I am pretty randomly asking but does anyone know of a good website to watch new movies online?
@Otis Braxton Meh I use flixportal. You can find it thru google:P -landry
Helpful but little bit confusing. What about '/' request ? What if we want html pages for every other request like "/about", "/service" etc !!
Bhai log... Next videos me sb theek ho gya hain... Aage videos follow kre plz.
@@rahul-java-dev thanks
@@jyotikamat1787 welcome
Hello bhai job lag gai kya
the syntax is not properly explained. to me what was confusing the most was why did the app.use() served files direcly into the homepage even though after that we clearly mention in app.get("/ "........................................), which comes after the app.use and thus it should override the app.use, however the full syntax and right practice for using static is always mentioning the path, so the proper syntax would be ,
app.use(" / ", express.static(path.join(__dirname, 'public')))
we can use this multiple times to mention whatever we want to serve at whatever path in our static website . i still dont understand why app.get() didnt override the app.use( ) but i guess i will just remember it for now.
App.use is called first, n that's it..
If u put app.get before then check what happnd..
Yes true if we call app.get first for the / route the it gets executed and if app.use is executed before app.get then whatever it's serving gets rendered.... By default the app.use(express.static()) serves to the / route but we can explicitly specify it by writing as app.use('/about',express.static())
To be honest , you did a better explainatiok of this course than code with harry❤
Hlo can u help me plz ..mere static file pta ni kyu load ni hori server p
for those (__dirname, '../public') is not working, try to writing (__dirname, 'public ') instead this...
Thank you, was stuck on this
Thank you so much ❤️
Thanks Vinod bhai for explaining us the complex concepts in easy manner🌼🙏
A person who I like After Code With Harry is you as Programming and coding teacher
Genuinely ur all videos are fav
My god, my mind blow away!!! You are genious teacher brother, I really appreciate :)
very simple yet effective explanation!
for those (__dirname, '../public') is not working try writing (__dirname, 'public ') instead
thanks bro ,but ye kyon nhi ho rha tha aur kaise hua behind the scene btana
thanks dear
Thank u so much sir, u are great, doing good job
Thankyou Thapa Sir.
Dai tapai last babal manxe ho yar.... I love you ... Best teacher ever keep it on ....
how do i serve static files based on the request url?? Please answer this question with the code
awesome tutorial sir
Vinod bhai is the best
Thank you sir, I got lots of pain to serve HTML,CSS,JS,IMG etc together . But, finally solved for sake you. take love.
what a great explaination sir , you really made it so simple
I am been literally dying for this video . u made this easy thank u so muchhhh
Your all videos are awesome thapa sir💞💞💞💞
boom guys😅😅😅😅
Please also teach us login create account and forgot password using node js express js
Sir DBMS ke liye kaun sa database programming language best hai
Please reply
Python
Thanks thapa bhai thats what i was searching for . Thx
ReferenceError: __dirname is not defined in ES module scope
please use
const __dirname = path.resolve();
console.log(__dirname);
Bhai apko pahile aapko
const path = require('path'); //yeh aisa likhna padega
//then uske baad
console.log(__dirname);
//ye karoeg toh sucess hoga
One like for your explaination😊
Thanks sir I really needed it.
i'm not able to load Javascript...help me someone
thanks sir you clear all my doubts.
👍
I love you so much Thapa sir. You are the best. May you live long 😍💖💖💗💞
Those who are having problem with getting the html page, check if the path you've provided is correct. Print the __dirname path and then change it accordingly
I am getting the same error
@@ayushmathur154 the pathname in the google might be localhost:8000/aboutUs. change it to localhost:8000
or use __filename instead
Thanks a lot, you saved me
Can u help me plz mere public folder k ander Jo files h html aur css ki wo laod ni ho pari sab kuch sahi likhne pr bhi
Sir my html file not displaying plz help
Read their docs or watch other videos.
Boom guys 😂, love it
In my computer static file is not appear in my browser in this way. I need to write html file name after port number in address bar in my web browser. I have a Ubuntu system. Please help me @ThapaTechnical
thank you sir for this playlist, its vary helpful.
for those who are getting error= __dirname is not defined in ES module scope..... use --const __dirname = path.resolve();
thankyou again thapa technical :)
if we want to dynamic website in express so what shoul we do?
aur ap ne stic website se routes ka nai batya
Thanks for you awesome👍
thanks for this vdo lots of love
Bhai daynamic website project banu ge kiya?
Love you sir. You are awesome.
kya aisa hum client or server folder ke sath bhi krskte hai kya jese client folder alg hai usme client site ki files eg html,css,jqeury then server folder main mujhko nodejs database krna hai toh aisa krr skte hai
bro yahi html page hame
/about
pe show karavana ho to kese ??
app.use("/about", express.static(__dirname + "/public"));
Ab tak to aap ne figure out kar hi liya hoga but maine dekha to reply kar diya.
Agar ham endpoint na den to by default '/' me hi request jaegi.
@@kashifahmed_1995 tumhara iss prog ka output aya tha?? Hellppppp🥺
@@keshav6097 Main subah reply krta hoon.
Kafi din ho gye dekhna padega
Sir y should we pass only "folder name" inside "express.static()" instead of " folder name/file name "
you helped a lot bro
Top 10 Udemy course for freelancer web MERN AND LARAVEL
Boom guys 🤣🤣🤣
😂😂
😂😂 faltu ka
Hi bro , what if we want to show this static html file to other route like about us ?
nice video. Thanks
Hello Sir suppose mere more than 2 js file ye mysql database ke aur use muje main file app.js mein call karna ye tho Kaise karu please help me
Why in the last app.get not run in browser?
this video is helpful
Video is awesome
please make a separate video on middleware's that is very important
Hi @Thapa , I followed the same process. Still I am not able to serve my html page.
Same here . If u got what to do then please tell me
this method only serves index.html to your "/" path of ur server
@@pawanjaiswal6059 Thanks a lot bhai :))
brilliant
Express.static function is not working. Plz Help!
Thanks
And how to it connected with mongodb 🤔
Pls make videos on complete project using nodejs
I have a problem in this video. Please help me.
why you did'nt add that line(app.use() ) in the below routing blocks .....
and if there are more than 1 html pages or more static components in public folder then wht to do...?????
This is my question also.. what to do then if there are multiple files??
nhi bhai awesome nhi hai, multiple pages k liye bhi bta diya hota, aadha bta ke confuse mt kiya kro, bikul AWESOME nhi lga mujhe
Watched many youtube videos, but this one made my day .Thankyou bro ❣from Nepal. Can i get your cell no brother.
Why my path is not supporting
Its not working....
Sir please make a video on music player version3 with new options please sir
Sure
@@ThapaTechnical thank you sir
Boom guys😂😂😂
bhai did the same but i am not able to server the page
Awesome
Css file is not working. What to do
dynamic website bana saktey hen ?
Bhaiya express session ke upar en video banao na please ....
Bro i have followed all the steps correctly but it is not showing the html page instead of that it is showing what was written on res.send. please help 🙏🙏🙏
don't copy path from the console instead of it try to initialize it with a variable, it worked for me
@@thecosmetrohub2737 tried but still not able to do it
how did you served html file
Liken ager hame wo about page per Lana hai tu kaise karr😢
amazing
Why we use app.use();
Laravel me crud operation par video banao pls
OSSSSSSSSSSSSumm Sir .....
Nice
you told us get,post,delte,put but u didnt told us about 'app.use()'
sir ji jaldi aage ka video upload kijye
Socket io pr video bna do
Mongo db course plz plz
Mere img show nahi ho rahi🤔🤔
Please avoid " Boom Guys "
12:49 TypeError: root path required this error is showing
same problem
please make proper video ablout path.join i have tried alot of effort but not able to show html file on the browser
same here
@@akhilshukla8901 but now I have find the solution you don't have to give exact path in path.join just give css folder name and cssfilename.css we have already define via public folder.
okk
thank u
@@deepakgadwal008 bhai isse doen to ho gaya lekin design abhi bhi nhi aay hai
Code:Module not found error samjha den thapa bhai issi video mai appear hua tha
First view
I don't know why but mera nahi chala kevl app.send me jo likha tha vahi aaraha ha website nahi aarahi public ke andr index.html vale can anyone help me 😟😟
Same here
You know why??????
@@reyazmra same here please give the solution
@@harshsinghal8527 reyaz-mra GitHub Id and check blogshut repo
May be you get..
first
8:10
video is not clear, it is very dim
source code kaha hai sala source code kaha h
ye Intro kitna meetha h ;(