Up next in 10
Introduction to MERN stack _ Complete React Course in Hindi #41
1K views
Feb 11, 2024
In the 41st episode of the "Complete React Course in Hindi," the tutorial provides a comprehensive introduction to the MERN stack. MERN stands for MongoDB, Express.js, React, and Node.js – a powerful combination of technologies for building full-stack web applications. The video offers an overview of each component in the stack, explaining their roles and interactions. Viewers can expect to gain a foundational understanding of how these technologies work together to create robust and scalable web applications. Whether you're a React developer looking to expand your skill set or a learner interested in full-stack development, this tutorial serves as a valuable starting point for exploring the MERN stack and its capabilities.
View Video Transcript
0:00
Guys, apne React course me abhi tak hum logoni jitni bhi applications banayi hain
0:03
to usme api ka istamaal karahi nahi, ya phir agar usme api ka istamaal karahi bhi
0:07
to api hamaari apni nahi thi, wo ek external api thi. For example, hum logoni news api ka istamaal kiya tha
0:13
Yaha par hum log kya karenge, ki ab apni api ko khud banayenge, apna database khud banayenge
0:18
apne data ko apne database me store karenge, aur wahan se apni applications ko build karne start karenge React ke saath
0:24
To hum log yaha par introduction dekhenge, Mern Stack ka ki Mern Stack kya hoti hai
0:29
mujhe bata hai, apme se kayi logon ko malom hoga, ki Mern Stack kya hoti hai
0:33
Mern Stack ke andar M for MongoDB, E for Express, R for React, N for NodeJS
0:39
In chaaro ka istamaal kiya jata hai, aur ek bauti powerful application banayi jati hai
0:43
Ab se hum log yahi dekhenge, ki is application ko kis tarah se hum log put together karenge
0:48
To yaha par jaldi se hum log dekhte hain is cheez ko, aur usse ke saath saath hum log kya karenge
0:52
ki samjhenge ki kaise humari application structure hone wali hai. Mern stands for MongoDB, Express, React, Node
0:58
after the 4 key technologies that make up this stack. To ye jo naam rakhaya hai Mern ka
1:04
wo in 4 technologies ke aadhar par rakhaya hai, MongoDB, Express, React, Node
1:08
Abhi tak humne News API istamaal kari thi, isliye humko Express ki zarurat nahi pari thi
1:12
humne Node ki zarurat pari thi, sirf humne React server ko start karne ki pari thi
1:16
but kisi external API me, hum logon ne Node waqera ka istamaal nahi kiya
1:20
Ab hum log kya karenge, ki apne API khud banayenge, apne database se usko configure karenge API ko
1:26
aur usse ke saath saath wahan se hum log cheezon ko aage lekar jayenge. To in 4 ho ke baare mein
1:30
ek bahut hi brief introduction dena chahunga. Sabse pehle MongoDB, kya hai ye MongoDB
1:35
MongoDB ek document database hai. Kyun istamaal kar raha hai MongoDB? MySQL kyu nahi
1:40
Ya PostgreSQL kyu nahi? Uska reason ye hai ki ye document database hai
1:44
JavaScript ke saath, bahut achi tara line hota hai, aur jab aap MongoDB ke saath kaam karte hain
1:49
aur isme documents daalte hain, wo JavaScript se bahut zyada similar hote hain
1:54
aur aap logo ko JavaScript me kaam karne wali feel aati hai. Same cheez Express
1:59
jo hum use kar raha hai, wo bhi hum isliye kar raha hai. Express, Node.js ka ek web framework hai
2:03
Hum Node.js isliye istamaal kar raha hai, taaki sare kaam hum JavaScript ke andar hi kare
2:07
React mein, hum JavaScript already likhi rahe hain. JavaScript se hum bach nahi sakte
2:11
kyuki browser pe JavaScript run karti hai. React mein, hum log JavaScript likhi rahe hain
2:15
Express.js jo hai, wo humari Node.js ki web framework hai, jo ki hum istamaal kar raha hai
2:20
Aur Node.js humara premier JavaScript web server hai hi, jo ki hum React ke saath to
2:26
istamaal kar hi rahe the, lekin hum log isko Express APIs banate waqt
2:30
jab hum api APIs waqt ko run karenge to, isko istamaal karenge. To yeh chaar cheeze hain
2:35
jo ki aap logo ko pata hone chahiye, Mern stack ke baare mein. Ab yaha par ek baat aap logo aur batana chahunga
2:40
ki Mern stack ke saath saath, Mean stack bhi hoti hai, jisme React ki jagah par Angular ko istamaal kiye jata hai
2:46
Mavn stack bhi hoti hai, Mavn stack kya hoti hai? M-E-V-N jisme Vue.js ko istamaal kiye jata hai
2:52
Front-end ka pretty much koi bhi framework istamaal kar sakte ho, aap log hum log React ko istamaal karenge
2:56
obviously, kyunki yeh React ka tutorial hai. Aur yaha par ek full stack Mern app
3:00
banane ki koshish karenge. To yaha par aap logo batana chahunga, ki agar aap log ek full stack web developer
3:06
banna chahate ho, to Mern stack ko chunna, ek bahut hi aasaan se route hai
3:10
kyunki aap ko sirf JavaScript aani chahiye, koi doosri language aap logo ko
3:14
almost naake barabar lagti hai. CSS, HTML yeh sab cheeze definitely aap log ko aani chahiye
3:20
But again, aap log sirf JavaScript ek major language, apni JavaScript chunkar
3:25
saara kaam kar sakte ho, ek full stack web developer ban sakte ho. How cool is that
3:29
To yaha par aap logo ek basic idea to lagi gaya hai, ki kis tarah se React applications ko banana hai
3:33
Humne yaha par React ko istamaal kiya, srs pehle text tutorials ko banane ke liye
3:37
Uske baad hum logo ne React ko istamaal kiya, news API se kis tarah se data fetch karke
3:41
news monkey banana hai, yeh dekha humne. To aap logo yeh toh pata hai ki, front-end pe hum React use karenge
3:46
aur back-end APIs ka istamaal karenge. Yaha par hum log kya karenge, Express ki saayata se
3:50
apni back-end APIs likhenge. Toh main yaha par kya karunga, ExpressJS likhunga
3:54
aur yaha par jo mera Express ka, NodeJS ka yeh framework hai, yeh mujhe mil jayega
3:58
Main npm install express minus minus save karke express install kar sakta ho
4:03
Basically main karunga kya yaha par, apne back-end ko alak se maintain karunga aur jo meri create React app ke andar
4:08
React app hoti hai, usko alak se maintain karunga. Ab aapke deemag mein sawal hoga ki
4:12
kya Node modules jo honge is express application ke aur usse ke saath saath
4:17
humara jo yaha par humne already create React app se application banayi hai
4:22
uske, kya dono ke Node modules same honge? Nahi, same nahi honge. Uska reason main aap log ko batata hu
4:27
Hum log Node modules ko separate rakhenge. Kyuki hum chahatein ki humara back-end ekdham
4:31
ek separate entity ho. Jis tarah se humari news API ek separate entity thi
4:35
hum ussi tarah ek external API ki tarah banayenge isko. Jo humari express app se
4:40
api banane wale hain, ek external API ke taur pe banayenge. Aur api isko istimaal karega
4:45
humara React JS ka front-end. To back-end karke hum ek alak se folder banayenge
4:50
aur uske andar sare ke sare package JSON, Node modules, ye sab cheezon ko dalenge
4:54
To express apk to aapko install karna hai, aur usse ke saath saath aap log ko MongoDB
4:58
install karna hai. Ab agar aap log MongoDB mein naye hai, to mai aap log ko
5:02
yaha batana chahata hu, ki ye ek bauti popular database hai, aur bauti aasaan database hai
5:07
Iske andar aap log ko zyada complex cheeze aane ki zarurat nahi hai. Kuch aesa samajh log ki
5:11
aap JavaScript objects patak sakte ho yaha par. Kisi bhi format me
5:15
aap daalte raho. Aur yaha par bas collections ka ek concept hota hai
5:19
aur database ka concept hota hai, iske baare mein aap log ko aage bata dunga. But ab ye ke liye
5:23
aap kya kar sakte ho, isko install kar sakte ho. To aapko karna kya hai
5:27
ki isko install karne ke liye software me jana hai yaha par MongoDB ki website me, aur community server pe jana hai
5:32
Community server kya karega, Node.js aapke computer pe install kar dega. To aap kya karne
5:36
ki ye jo current version hai, 5.0.2 abhi chal raha hai, may be future me kuch aur ho
5:41
to aap current version ko download karna. Aur versions to yaar change hote rehte hai
5:45
To is baat ki tension hi mat le na version agar koi major aage aapke time pe to. To ye mein download kar raha ho
5:50
aur mein isko run karunga install karne ke liye. To main MongoDB ko jo hai yaha par install kar raha ho
5:54
Ab MongoDB ek external program hai jisko aapko install karna padhega, jo ki aapki Windows machine
5:58
me install ho ga. Ideally aap jib apni apps ko deploy karoge, to server pe isko install karoge
6:02
but abhi mein Windows machine me isliye install kar raha ho, kyunki mujhe development
6:06
Windows machine me hi karna apni is wali. Next pe click karunga, saare ke saare license
6:10
agreement ko main padh le deta hu jaldi se, to everyone is permitted to copy for a fee
6:16
aur next pe click karta hu, aur next pe click karne ke baad yaha pe complete pe click karunga
6:21
aur ussi ke saath saath yaha pe hi keh raha hai, install MongoDB as a service. Agar aap log isse as a service
6:26
run karoge to, ye hamse run hota raha hai, to hum ye hi chahte hain, next pe click karenge
6:30
next pe click karenge, install pe click karenge. Saare ke saare default options ko aapko chunna hai
6:34
aur iska trodosa wait karte hain install hone takka, ab aap log kahenge ki
6:38
express ke liye bhi kuch download karna padhega, mujhe nahi yaar ye ek package hai, jab bhi aap apna back end wala
6:43
jo Node.js project hain usko initialize karoge, NPM init likkar, tab aap uske andar
6:48
yaha se install kar lena, isko npm install express minus minus save
6:52
aur yaha par jo hai iski saare ki saare guides hai, ispar hum aayenge, dekhenge kaise kaam karna hai ispar
6:57
but aapara MongoDB jo hai, wo almost install ho chuka hai, ye kuch permissions
7:01
mag raha hai, copy kar raha hai files ko, to isko hone deta hu main, aur ye jaisi complete ho ga
7:05
main wapas aata hu, to install ho gaye, aur automatically ye setup ho raha hai
7:10
aur isi ne saath mein jo ye MongoDB compass hai, wo bhi install kar diya, to in sab cheezon ke baare
7:14
mein hum log baat karenge, ab hi ke liye main isko band kar deta hu yaha par, aur finish par click kar deta hu
7:18
kyunki saare ke saare kaam jo hai ho chuke hai, aur yaha par aap logon ne abhi tak react ki
7:23
playlist access nahi kar diya, to isko zarur access kar lena, kyunki yaha par
7:27
hum log saare ke saare kaam karne wale hai, hum log jo apni agli MIRN app banayenge
7:31
wo isi playlist mein main add karunga sab, to saare ke saare videos abhi tak jo hai
7:35
wo yaha par main add karenge, aur aane wale videos bhi isi pe add karunga, to isko zarur
7:39
yaha click karke save, aur yaha click karke bookmark kar lena, abhi ke liye
7:43
is video mein itna hai guys, thank you so much guys for watching this video, and I will see you
7:47
next time. Outro
#Augmented & Virtual Reality
#Machine Learning & Artificial Intelligence
#Robotics
#Technical Reference