Guys, Asha krta hu video pasand aaya hoga n bahoot kuch naya sikhne mila hoga. Check out complete playlist here ➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: ua-cam.com/play/PLwGdqUZWnOp3aROg4wypcRhZqJG3ajZWJ.html
bro apney btaya hi ni hai k is course mein hm keya keya chezein dekhein gey like components props template literal wgaira ya is sey agey jo jo methods hm dekhein gey aik playlist start krney sey pehley pehli video mein btadiya kro yr mein ney notes bnaney hotey hein
Really you are a good teacher because you already have ki bachcho ko doubt kaha or kya aa sakta hai thank you so much sir Maine apki react ki full playlist 10 days mai khatam kar di and indore mai job karta hu
you can learn these things, on any other education websites, but you have to pay around 10k to 20k, but thapa is providing without any cost. hats off thapa.
वाह भाई मज़ा आ गया आप बहुत अच्छे तरीके से समझाते हो। आप मानोगे नहीं मैंने आपको वीडियो आज ही देखि और ८ घंटे में २२ वीडियो देख भी ली और सिख भी ली इन्टॉल से लेकर component , इम्पोर्ट एक्सपोर्ट सुब चीजे। और २२ वीडियो पर आकर कमेंट कर रहा और बाकि की वीडियो भी देखूगा। वैसे में WordPress developer हु। पर आप बहुत अछि तरीके से गाइड करते है मैंने बहुत कुछ सिख लिया इन 8 hr में। बहुत बहुत थैंक्स विनोद थापा जी। ऐसे ही लगे रहे
Hello Sir! I am from Pakistan. You are a great teacher. All the things you are teaching, are very easy to understand. Because your way of teaching and Conveying the concept is excellent. Love from Pakistan. May God bless you with all his blessings
Thank you you are a very good teacher BOOM we need more and more tutorials/lectures -very interactive -very detailed - your Challenges make the learning process very smooth
One of the best and fabulous lecture ever I watched on the UA-cam about Props in React Js. You have cleared all my doubt, question and everything. Thank you so much Thapa Bhai.
sir your videos are just awesome no words for it how easily you teach everything. before that video prop is just a nightmare for me but now it is my friend all thanks to you sir........keep it up
Sir aaap jis tareh se samjate ho. Sab kuch ache se samaj aa jata he thank you so much sir.. Badi bat to ye he ki me ek ec engineer hu mere liye samajna mushkil ho sakta tha lekin aap jese samjate he man na padega sir 🤗🤗🙏🙏🙏🙏. Thanks sir you are great
The problem with us (Backend devs) that we don't know how to designs things (UI) and use CSS, other than that you really explained all the concept quits well.
Hi Vinod, I just Tried learning from your technical series, and below is the result of it. I have just tried CSS part of it though its not the same but quite near to the result. *{ margin: 0px; padding: 0px; background-color: white;
@@ThapaTechnical sir please tell me if I'm using django as my backend framework then i can do the same thimg using loops .. so when we use djando with react , how is it going to help ?
Sorry to say but sir ni bolna chaunga coz aap brother ki tarah pdhate ho....so brother i really enjoy ur lectures......i rarely comments but this time m giving my reaction for ur teaching, have learnt soo much from very beginning of my career in web development everything css bootstrap your 16 h javascript and now react....🙏 Thanks brother for the great initiative u have taken for us.... I'll be looking forward for ur reply ❤️
Hello,,I am from West Bengal Kolkata,and I saw your tutorial on youtube,react js. In one of my 22 React Js, I showed a small project of mine. 22 video me ,apne prop ke bare me mini project ke bare me bataya react js me. Apne jobhi code likha hai usme ,, mujhe bs ye janna he ki ,code likhte waqt me ye kese samjhuga,, I mean kab ,, classname ,, or kab, kya likhna hai or kya likhna hai isse kese samjhu kya ap please explain Karo ge
Thanks for sharing the knowledge with mango peoples language. Can you tell me the handling of responsiveness in a index.css file, as you added it directly to the application?
thanks for all the videos but as we are following the playlist so where from I can get "index.css" file right now . please provide !! .anyway..nice work bro ...god bless!!!
Hiii Vinod sir., Big Thanks for your this videos. i have so much learn from you on react you have done nicely making this video of react so we can learn easily. sir i have a question.. sir how to implement img src from our local system or local project folder because whenever you use img src till from before in videos you are using third party link for img src so i want to know how can i implement img src from local folder.. can you please learn me..
Bro, you are teaching well but in this video you didn't tell the css part and also you didn't tell about the images and about the links of netfilx that made a huge confusion. I am followed your all previous videos and those were good but now on this video, I got struck.. Kindly if you send the complete code of css file index.js and cards file by including some of the details.
Guys, Asha krta hu video pasand aaya hoga n bahoot kuch naya sikhne mila hoga. Check out complete playlist here ➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: ua-cam.com/play/PLwGdqUZWnOp3aROg4wypcRhZqJG3ajZWJ.html
Please, make a website using neumorphic design
Bro please tell me my error is addevent listner is not function in JavaScript game day2
👍
Sir Sacred Games Ko Daalna Tha na 😂😂😂
bro apney btaya hi ni hai k is course mein hm keya keya chezein dekhein gey like components props template literal wgaira ya is sey agey jo jo methods hm dekhein gey aik playlist start krney sey pehley pehli video mein btadiya kro yr mein ney notes bnaney hotey hein
Really you are a good teacher because you already have ki bachcho ko doubt kaha or kya aa sakta hai thank you so much sir Maine apki react ki full playlist 10 days mai khatam kar di and indore mai job karta hu
you can learn these things, on any other education websites, but you have to pay around 10k to 20k, but thapa is providing without any cost. hats off thapa.
16:40 bhai this is making you different from other teachers... U actually knw what student tends to forget or just ignore
वाह भाई मज़ा आ गया आप बहुत अच्छे तरीके से समझाते हो। आप मानोगे नहीं मैंने आपको वीडियो आज ही देखि और ८ घंटे में २२ वीडियो देख भी ली और सिख भी ली इन्टॉल से लेकर component , इम्पोर्ट एक्सपोर्ट सुब चीजे। और २२ वीडियो पर आकर कमेंट कर रहा और बाकि की वीडियो भी देखूगा। वैसे में WordPress developer हु। पर आप बहुत अछि तरीके से गाइड करते है मैंने बहुत कुछ सिख लिया इन 8 hr में। बहुत बहुत थैंक्स विनोद थापा जी। ऐसे ही लगे रहे
Hats of Man.. Best Teacher on UA-cam regarding Web Development 🙌🙌🙌
Thank you Thapa Ji ✌️
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
.heading_style{
padding: 30px 0;
text-align: center;
font-family: "cursive";
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 500;
font-size: 1.5rem;
margin-bottom: 30px;
background-color: white;
color: black;
}
/* .cards{
width: 100%;
height: auto;
}
.heading{
color: aqua;
} */
.card{
margin: 6%;
transition: all 0.4s cubic-bezier(0.175,0.885,0,1);
background-color: white;
width: 21.25;
border-radius: 13px;
box-shadow: 0px 14px 10px -7px rgba(0,0,0,0.1);
float: left;
}
.card__img{
width: 100%;
height: 235px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
padding: 16px 24px 24px 24px;
background-color: white;
}
.card__info{
background-color: white;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
padding: 16px 24px 24px 24px;
}
.card__category{
text-transform: uppercase;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 2px;
font-weight: 500;
color: gray;
background-color: white;
}
.card__title{
margin-top: 5px;
margin-bottom: 10px;
font-family: "cursive";
background-color: white;
text-transform: capitalize;
}
button{
padding: 5px 8px;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
outline: none;
border: 3px solid black;
background-color: white;
color: #868686;
cursor: pointer;
}
*{
margin: 0px;
padding: 0px;
background-color: white;
}
.heading_style{
margin-top: 0;
padding: 20px 20px;
background-color: darkgray;
color: darkcyan;
text-align: center;
font-weight: bold;
font-style: oblique;
font-family: 'Montserrat', sans-serif;
}
.cards{
margin:30px 80px;
display:inline-block;
align-items: center;
justify-content: center;
}
.card{
margin: 10px;
width: 100%;
height:100%;
border-radius: 5px;
box-shadow: 2px 2px 10px rgb(43, 44, 44);
}
.card:hover{
transition: .5s all ease-in-out;
transform: scale(.8);
}
img{
width:100%;
height:20vh;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.card_info{
font-size: 20px;
font-style: italic;
text-align: center;
}
h3{
text-align: center;
margin-top: 10px;
font-size: 20px;
font-weight: bold;
}
button{
padding: 5px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid black;
border-radius: 5px;
cursor: pointer;
}
button:hover{
background-color: black;
color: white;
transition: 0.5s;
}
Thx bro
thx
Thanks Gentleman ❤❤
ye .heading_style kis element ka classname h??
thnkss😇😇
I hope it will helpful
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
.heading_style{
padding: 30px 0;
text-align: center;
font-family: "cursive";
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 500;
font-size: 1.5rem;
margin-bottom: 30px;
background-color: white;
color: black;
}
.cards{
width: 100%;
height: auto;
}
.heading{
color: aqua;
}
.card{
margin: 6%;
transition: all 0.4s cubic-bezier(0.175,0.885,0,1);
background-color: white;
width: 21.25;
border-radius: 13px;
box-shadow: 0px 14px 10px -7px rgba(0,0,0,0.1);
float: left;
}
.card_img{
width: 100%;
height: 235px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
padding: 16px 24px 24px 24px;
background-color: white;
}
.card_info{
background-color: white;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
padding: 16px 24px 24px 24px;
}
.card_category{
text-transform: uppercase;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 2px;
font-weight: 500;
color: gray;
background-color: white;
}
.card_title{
margin-top: 5px;
margin-bottom: 10px;
font-family: "cursive";
background-color: white;
text-transform: capitalize;
}
button{
padding: 5px 8px;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
outline: none;
border: 3px solid black;
background-color: white;
color: #868686;
cursor: pointer;
}
thanks buddy
Thank you bro
tu to dev manus nikla re ....
thank u brother
Thanks Brother this is very useful✔✔✔✔
Props kya hota hai or kyu use kate hai sirf aapke jariye samajh gaya....aapke samjhaneka tarika bohot easy hai......love u sir
I'm very thankful to you! Only because of you I learnt complex topics in a simple you. LOVE YOU SIR ❤❤!
Thapa Sir, you are amazing. You have made explanation of Props really easy for novice guys like me. Hats off to you Sir!!! God Bless! 😇
Hello Sir! I am from Pakistan. You are a great teacher. All the things you are teaching, are very easy to understand. Because your way of teaching and Conveying the concept is excellent. Love from Pakistan.
May God bless you with all his blessings
Thank you
you are a very good teacher BOOM
we need more and more tutorials/lectures
-very interactive
-very detailed
- your Challenges make the learning process very smooth
One of the best and fabulous lecture ever I watched on the UA-cam about Props in React Js. You have cleared all my doubt, question and everything. Thank you so much Thapa Bhai.
Guys... samajh ni aaraha ki aaplog dislike q karteho... literally amazing instruction sir...💜
Bhai ye paida hi dislike karne k lie hote h... Choro inko
sir your videos are just awesome no words for it how easily you teach everything. before that video prop is just a nightmare for me but now it is my friend all thanks to you sir........keep it up
Sir aaap jis tareh se samjate ho. Sab kuch ache se samaj aa jata he thank you so much sir..
Badi bat to ye he ki me ek ec engineer hu mere liye samajna mushkil ho sakta tha lekin aap jese samjate he man na padega sir 🤗🤗🙏🙏🙏🙏.
Thanks sir you are great
i found your video randomly ,but now i think it is the best project to understand props concept
Finally I understand props property 😍 Thanks... Sir
The problem with us (Backend devs) that we don't know how to designs things (UI) and use CSS, other than that you really explained all the concept quits well.
felt that 😢
let's keep practicing 😊
what we have to do become backend developer
from where u learnt backend i am facing very difficulties to learn
Bro tutorial pause karke, i am watching DARK you made me so excited :)
Hi Vinod, I just Tried learning from your technical series, and below is the result of it. I have just tried CSS part of it though its not the same but quite near to the result.
*{
margin: 0px;
padding: 0px;
background-color: white;
}
.heading_style{
margin-top: 0;
padding: 20px 20px;
background-color: darkgray;
color: darkcyan;
text-align: center;
font-weight: bold;
font-style: oblique;
font-family: 'Montserrat', sans-serif;
}
.cards{
margin:30px 80px;
display:inline-block;
align-items: center;
justify-content: center;
}
.card{
margin: 10px;
width: 100%;
height:100%;
border-radius: 5px;
box-shadow: 2px 2px 10px rgb(43, 44, 44);
}
.card:hover{
transition: .5s all ease-in-out;
transform: scale(.8);
}
img{
width:100%;
height:20vh;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.card_info{
font-size: 20px;
font-style: italic;
text-align: center;
}
h3{
text-align: center;
margin-top: 10px;
font-size: 20px;
font-weight: bold;
}
button{
padding: 5px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid black;
border-radius: 5px;
cursor: pointer;
}
button:hover{
background-color: black;
color: white;
transition: 0.5s;
}
thanks man :)
thanks !!
I have completed this react series and learned a lot. Plz make series on advance react like redux and all.👌👌👌
Has it helped you in making freelance projects or job?
@@kashmirtechtv2948 It so easy to understand that after seeing his videos, I can go and learn on my own.😊
@@programmerharsh501 means you are still not ready working on freelance projects?
@@kashmirtechtv2948 thapa technical react series is not for freelance projects, if you want to make freelance projects then go for codevolution.
@@programmerharsh501 ahn!! You have watched full series?
"Kya dikhana h , kahan dikhana h"; 🔥🔥🔥🔥🔥
Nice. finally i understanded the concept of props. Thank you very much💞
From Pakistan
I am in love with react after props !!😍
Ya it's awesome
@@ThapaTechnical i appreciate a lot bro ...the way u teach ...damn !!!❣❣
@@ThapaTechnical sir please tell me if I'm using django as my backend framework then i can do the same thimg using loops .. so when we use djando with react , how is it going to help ?
@@ThapaTechnical Exactly. Your channel really deserve millions of subscribers. ❤️
the way u explain is literally everyone's beyond teaching skills
Best channel and best teacher ever you know what students forget and whats problems they are facing love from pakistan
bhai thank you so much ..
You literally cleared All my Douts in each and every video , and am very thankful bro
Sorry to say but sir ni bolna chaunga coz aap brother ki tarah pdhate ho....so brother i really enjoy ur lectures......i rarely comments but this time m giving my reaction for ur teaching, have learnt soo much from very beginning of my career in web development everything css bootstrap your 16 h javascript and now react....🙏 Thanks brother for the great initiative u have taken for us.... I'll be looking forward for ur reply ❤️
What an awesome teaching sirr!!! Koi bhi confusion nahi huaa! It was all just perfect!! Props is all clearr noww!
aapki videos bhut easy aur acha hai smjhne mein shuru se ant tak ....Grt Work @thapa Technical
Excellent!
Take love from Bangladesh 🇧🇩
Your'e the best teacher vinod bhai .
first of all, I clicked the like. Cuz he is not using Bootstrap in this tutorial
second, it's an easy way to make understand.
I'm glad I found this channel
thanks for making good content I'm looking forward to learn more from this channel
It is far better than coursera courses!! Thapa bhai! keep uploading videos
Awesome sirji 😍 finally *props* in js. Thanks a billion sir 🙏..keep sharing god bless you
Bro you have great teaching and technical skills
Thnku sir for teaching these advance topics with so smoothly and from scratch.
I love this whole series of react js
Thapa bhai you always help me learn new technology. your tutorial is very good.please make complete project with db connection In React JS
or yae bahut hi pyaari tarike sae hamne props sikhaa good
Bhai you are a legend, hats off to you 🙏🙏👌👌👌👌
Bhai e Netflix k naam sunkar phir se series dekhne k man go raha hai🤧
Dude Hats Off 🔥🔥 The Way you Teach
Sir I love your content. Lockdown complete honese pehle complete ho shake toh complete karo.
you have amazing teaching skill !!! bless you and thank you Vinod !!
Amazing video on props.. Awesome... God bless you.. Everything is going absolutely fine.. But pls share CSS file...
Thapa Bhai Really You Are A good Boy Good Coder Good Teacher And Good good
Boom guy you are amazing, loving your videos.. explanation is superb
Thank you so much sir
Muje aaj props ache se clear hua hai
Best explanation in Hindi on props ! 🔥
Thanks alot 😊
For such a wonderful video free of cost 🙌🙌
Awesome Vinod Bhai love u finally prop clear hogaya
"vinod bahadur thapa" , the name will be remebered man
hats-off to your hardwork
Your React playlist is awesome
This series is best
kya kamal ka samjhate h sir aap.
Excellent video on props Thanks Bhaiya 😍❤
THANK ME LETTER!!
costumize some aspects
---------------------------------------------------------------------------------------
*{
box-sizing:border-box;
padding:0;
margin:0;
background-color: whitesmoke;
}
.cards {
width: 100%;
height: auto;
}
.heading_style{
padding: 30px 0;
text-align: center;
text-transform: capitalize;
font-size: 13px;
letter-spacing: 2px;
font-weight: 500;
color: #868686;
background-color: white;
font-size: 1.5rem;
margin-bottom: 30px;
}
.card{
margin: 6%;
transition: all 0.4 cubic-bezier(0.175,0.885,0,1);
background-color: #fff;
width: 21.25;
border-radius: 12px;
box-shadow: 0px 30px 10px -7px rgb(69, 67, 67);
float: left;
}
.card:hover{
box-shadow: 0px 30px 18px -8px black;
transform: scale(1.05, 1.05);
}
.card__img{
/* width: 100%;
height: 235px;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px; */
width: 100%;
height: 200px;
border-radius: 10px;
}
.card__info{
background-color: #fff;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
padding: 16px 24px 24px 24px;
background-color: #fff;
}
.card__category{
font-family:'Aboret', cursive;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 2px;
font-weight: 500;
color: #868686;
background-color: #fff;
}
.card__title{
margin-top: 5px;
margin-bottom: 10px;
font-family:'Aboreto', cursive;
/* font-family: 'Oswald', sans-serif; */
background-color: #fff;
text-transform: capitalize;
}
.button{
padding: 5px 8px;
font-family: 'Combo', cursive;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 2px;
font-weight: 500;
color: black;
outline: none;
border: 1px solid black;
cursor: pointer;
background-color: #fff;
}
-----------------------------------------------------------------------------------------------------
Keep it up Vinod ! thanks for such an easy explanation! god bless you
Hello,,I am from West Bengal Kolkata,and I saw your tutorial on youtube,react js.
In one of my 22 React Js, I showed a small project of mine.
22 video me ,apne prop ke bare me mini project ke bare me bataya react js me.
Apne jobhi code likha hai usme ,, mujhe bs ye janna he ki ,code likhte waqt me ye kese samjhuga,, I mean kab ,, classname ,, or kab, kya likhna hai or kya likhna hai isse kese samjhu kya ap please explain Karo ge
Majaaa aaa gayaaa bhut easy smjhaaa diyaa apne to ❤❤❤❤
You made my day yr 😭❤️❤️❤️❤️
Hi Vinod.you are doing good job.can you share the css atleast here or somewhere ,?
thanks, a buddy for giving valuable content. keep doing this 👍👍
bhai, great teacher hoo,,
Thapa bhai..what a video!! I really appreciate your effort❤️🤗
Nice Explanation, Thank you for making a video in Hindi.
Thank you thapa sir it's really helpful
Thanks for sharing the knowledge with mango peoples language. Can you tell me the handling of responsiveness in a index.css file, as you added it directly to the application?
sir ek tailwind or react ki be video upload kr dy
Bro I don't know if you haven't made a video on State vs props! Please do if not. 🤩👌🏻
thanks for all the videos but as we are following the playlist so where from I can get "index.css" file right now . please provide !! .anyway..nice work bro ...god bless!!!
Wow binod dai nice video. I love it
vinod bhai nodejs and express ki bhi ise hi series plz.
by the way love your videos .
MY MIND IS FORCING ME TO LIKE THE VIDEOS
Omg thapa bro kya samjhaya h ❤️❤️
i really appreciate your efforts, but dark isnt the best series on netflix, i would rate dark 5.5/10
Thank you so much sir
Big fan of you
Why you hide CSS ? you should do CSS styling etc on screen too..
Code purchase for
He is Not hiding the CSS he is writing the all the Data in card component And he is using it as object by using props.
Video will be long
Yar bhai very vvery awesome video abouut prop. Love it sir ji
Waoww. Concept clear now, thanks
Brother! You are doing Boom💥💥
Nice videos.. Thanks Vinod Sir!
Hiii Vinod sir., Big Thanks for your this videos. i have so much learn from you on react you have done nicely making this video of react so we can learn easily. sir i have a question.. sir how to implement img src from our local system or local project folder because whenever you use img src till from before in videos you are using third party link for img src so i want to know how can i implement img src from local folder.. can you please learn me..
Thapa Bro Awesome... Keep it up...!
Is it fully responsive?
fan since 2020
Thankyou for making this helpful playlist...
Good one Thapa bhai... Par iska css sikhaoge ???
You video are really helpfull. Awesum!!
Bro, you are teaching well but in this video you didn't tell the css part and also you didn't tell about the images and about the links of netfilx that made a huge confusion. I am followed your all previous videos and those were good but now on this video, I got struck.. Kindly if you send the complete code of css file index.js and cards file by including some of the details.
how are all your cards horizontally stacked?
thank you sir, learning from pak
Thanks for awesome Contents.
Components file Ka extension jsx ki jagah js rakha to kya koi problem hota hai
Finally Done with props
Awesome video Thapa bhai
iss video me simple explain kiya hai. properties (props ) ke bare me
U are the best 🔥🔥👌