#23: Arrays in React JS in Hindi | ReactJS Project Netflix App #2 in Hindi in 2020

Подписаться 692 тыс.

Просмотров 223 тыс.

50% 1

Welcome, Looping through an Arrays in React JS in Hindi. Also, we are continuing our React JS Project Netflix App part #2 in Hindi in 2020. In today's video, we will learn many new concepts and topics of ReactJS. We will simplify the Cards component into further so as to make it take less memory and space in our React Netflix App.
************ Must Watch Videos For Web Development ************
Array in JavaScript in Hindi: • JavaScript Tutorial in...
React JS Project Netflix App Part #1 in Hindi in 2020: • #22: Props in React Js...
➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: • React JS Tutorial in H...
➡️ Install VS Code for ReactJS LINK: www.thapatechn...
➡️ Check 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 RU-vid 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...
DONATION FOR SUPPORT: PhonePay = vinodbahadur@ybl GooglePay: vbthapa55@oksbi
Believe me, all this money will be used to make more quality videos and to make my channel grow. So that I can always provide you awesome free videos :)
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...

Опубликовано:

30 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 375

@ThapaTechnical 4 года назад

Guys series kaisa lag rha hai jarror batana :) ➡️ React JS Project Netflix App Part #1 in Hindi in 2020: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-HRhJVGjIraE.html ➡️ Array in JavaScript in Hindi: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-zGlxOx_xSaY.html ➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: ru-vid.com/group/PLwGdqUZWnOp3aROg4wypcRhZqJG3ajZWJ

@shelendrasingh2301 4 года назад

Sir aap ne wo nahi btaya ki ye links h inko kaha se add kare apne project me and css wala part bhi aap ne nhi btaya

@CodeWithJava114 4 года назад

Bro Css stuffs kaise milega?

@dikshantjain6544 4 года назад

sir itne aage tak series dekh li , aap sab detail me batate ho par wo css bhi batao

@chinmaysahal06 4 года назад

Bro har card pe alag alag css use krni h , kaise kre ?

@prithwijoysaha3649 4 года назад

Your all videos are very very good. i'm learning react from this video series. i have a question that is why we are not using the loop to use the array element??

@railwayvlogs6829 4 года назад

Bro source code Ka link bhi description Mai Dal do.

@FarmanOfficial777 2 года назад

Sahi m3 yar

@Amar-hn2vm Год назад

Hai lekin paid

@shahidbagwan-bu5fh 2 года назад

css code 👍 *{ box-sizing: border-box; padding: 0; margin: 0; background-color:#d2dbdd; } .heading_style { padding: 30px 0; text-align: center; font-family: "Raleway", sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 500; color: #868686; background-color: #fff; font-size: 1.5rem; margin-bottom: 30px; } .cards { width: 100%; height: auto; } .card{ /* margin: 25px; */ margin: 6%; transition: all 0.4s cubic-bezier(0.175, 0.885, 0, 1); background-color: M#fff; width: 21.25%; border-radius: 12px; box-shadow: 0px 13px 10px -7px rgba(0, 0, 0, 0.1); float: left; } .card:hover { box-shadow: 0px 30px 18px -8px rgba(0, 0, 0, 0.1); transform: scale(1.2, 1.2); } .card__img{ width: 100%; height: 235px; border-top-left-radius: 12px; border-top-right-radius: 12px; } .card__info { background-color: #fff; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; padding: 16px 24px 24px 24px; background-color: R#fff; } .card__category { font-family: "Raleway", sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; color: #868686; background-color: #fff; } .card__title { margin-top: 5px; margin-bottom: 10px; font-family: "Raleway", sans-serif; background-color: #fff; text-transform: capitalize; } button{ padding: 5px 8px; font-family: "Raleway", sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 500; color: HI#868686; background-color: #fff; outline: none; border: 1px solid black; cursor: pointer; }

@pritamadhikari9324 Год назад

please send also responsive css code

@shahidbagwan-bu5fh Год назад

@@pritamadhikari9324 nahi hoga re baba😁

@Aranyak.123 Год назад

👍👍👍👍👍

@muhammadamjad8462 Год назад

Thanks bro❤❤

@Shortify_0 Год назад

Bhagwan nikle bhai aap to

@rahul-java-dev 4 года назад

Bahut interesting lg rha h...........but css bina mjaa ni aa rha h. index.css mil skega kya ? plzz

@kahanijag970 3 года назад

Same here

@tanyabarua8132 3 года назад

Css Mila kya

@kahanijag970 3 года назад

@@tanyabarua8132 nahi mila or milega bhi nahi

@shivampatel-vm1xv 3 года назад

GitHub pe hein

@shivampatel-vm1xv 3 года назад

@Tanya Barua GitHub pe hein

@_shubhamjadhav 3 года назад

Would u pls share the index.css file code ?

@kahanijag970 3 года назад

Same m bhi yahi keh raha hu

@Waseemkhan-bj9rq 3 месяца назад

css: *{ 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; }

@pawanpatidar4204 3 года назад

Explain the Css code Especially for beginners, It is just request 🤗

@prashantsingh9645 3 года назад

Mujse lelo

@mukulvishwakarma3585 3 года назад

@@prashantsingh9645 bhai css ka code dedo

@ayushthakur2896 3 года назад

@@prashantsingh9645 dede bhai

@thelalitpurvlogs8094 3 года назад

sdgdfgdfgssfg box-sizing: border-box; padding: 0; margin: 0; background-color: #d2dbdd; } .span{ color: red; } .heading_style{ padding: 30px 0; text-align: center; font-family: "Raleway",sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 500; color: #868686; background-color: #fff; font-size: 1.5rem; margin-bottom: 30px; } .cards{ width: 100%; height: auto; } .card{ /*margin: 25px; */ margin: 6%; transition: all 0.4s cubic-bezier(0.175, 0.885, 0, 1); background-color: #fff; width: 21.25%; border-radius: 12px; box-shadow: 0px 13px 10px -7px rgba(0,0,0,0.1); float:left; } .card:hover{ box-shadow: 0px 30px 18px -8px rgba(0,0,0,0.1); transform: scale(1.05,1.05); } .card__img{ width: 100%; height: 235px; border-top-left-radius: 12px; border-top-right-radius: 12px; } .card__info{ background-color: #fff; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; padding: 16px 24px 24px 24px; background-color: #fff; } .card__category{ font-family: "Raleway"sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 500; color: #868686; background-color: #fff; } .card_title{ margin-top: 5px; margin-bottom: 10px; font-family: "Raleway",sans-serif; background-color: #fff; text-transform: capitalize; } button{ padding: 5px 8px; font-family: "Raleway",sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 500; color: #868686; background-color: #fff; outline: none; border: 1px solid black; cursor: pointer; } box-sizing: border-box; padding: 0; margin: 0; background-color: #d2dbdd; } .span{ color: red; } .heading_style{ padding: 30px 0; text-align: center; font-family: "Raleway",sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 500; color: #868686; background-color: #fff; font-size: 1.5rem; margin-bottom: 30px; } .cards{ width: 100%; height: auto; } .card{ /*margin: 25px; */ margin: 6%; transition: all 0.4s cubic-bezier(0.175, 0.885, 0, 1); background-color: #fff; width: 21.25%; border-radius: 12px; box-shadow: 0px 13px 10px -7px rgba(0,0,0,0.1); float:left; } .card:hover{ box-shadow: 0px 30px 18px -8px rgba(0,0,0,0.1); transform: scale(1.05,1.05); } .card__img{ width: 100%; height: 235px; border-top-left-radius: 12px; border-top-right-radius: 12px; } .card__info{ background-color: #fff; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; padding: 16px 24px 24px 24px; background-color: #fff; } .card__category{ font-family: "Raleway"sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 500; color: #868686; background-color: #fff; } .card_title{ margin-top: 5px; margin-bottom: 10px; font-family: "Raleway",sans-serif; background-color: #fff; text-transform: capitalize; } button{ padding: 5px 8px; font-family: "Raleway",sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 500; color: #868686; background-color: #fff; outline: none; border: 1px solid black; cursor: pointer; } box-sizing: border-box; padding: 0; margin: 0; background-color: #d2dbdd; } .span{ color: red; } .heading_style{ padding: 30px 0; text-align: center; font-family: "Raleway",sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 500; color: #868686; background-color: #fff; font-size: 1.5rem; margin-bottom: 30px; } .cards{ width: 100%; height: auto; } .card{ /*margin: 25px; */ margin: 6%; transition: all 0.4s cubic-bezier(0.175, 0.885, 0, 1); background-color: #fff; width: 21.25%; border-radius: 12px; box-shadow: 0px 13px 10px -7px rgba(0,0,0,0.1); float:left; } .card:hover{ box-shadow: 0px 30px 18px -8px rgba(0,0,0,0.1); transform: scale(1.05,1.05); } .card__img{ width: 100%; height: 235px; border-top-left-radius: 12px; border-top-right-radius: 12px; } .card__info{ background-color: #fff; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; padding: 16px 24px 24px 24px; background-color: #fff; } .card__category{ font-family: "Raleway"sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 500; color: #868686; background-color: #fff; } .card_title{ margin-top: 5px; margin-bottom: 10px; font-family: "Raleway",sans-serif; background-color: #fff; text-transform: capitalize; } button{ padding: 5px 8px; font-family: "Raleway",sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 500; color: #868686; background-color: #fff; outline: none; border: 1px solid black; cursor: pointer; }

@thecollective2404 3 года назад

@@thelalitpurvlogs8094 bro woh css file mai @media wala code mai kya likhna hai?

@thedevlife1611 5 месяцев назад

@ThapaTechnical sir please explain the CSS and media query part which is used in the 'index.css' for this NETFLIX Project as you told before 🙏 this will helpful really for beginners. also provide source code of the projects in your description section.

@virendramajhi8703 Год назад

may be similar code i hope *{ box-sizing: border-box; padding: 0; margin: 0; background-color:#d2dbdd; } .header_style { padding: 30px 0; text-align: center; font-family: "Raleway", sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 500; color: #868686; background-color: #fff; font-size: 1.5rem; margin-bottom: 30px; } .cards { width: 100%; height: auto; } .card { margin:4%; transition: all 0.2s cubic-bezier(0.175, 0.885, 0, 1); background-color: #fff; width: 15%; border-radius: 12px; box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, 0.7); float: left; height: auto; border-bottom-left-radius: 12%; border-bottom-right-radius: 12%; } .card_img{ width: 100%; height: 25vh; border-top-left-radius: 12px; border-top-right-radius: 12px; } .card:hover { box-shadow: 0px 30px 18px -8px rgba(0, 0, 0, 0.1); transform: scale(1.2, 1.2); } .card_info { background-color: #fff; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; padding: 16px 24px 24px 24px; background-color:#fff; } .card_category { font-family: "Raleway", sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; color: #868686; background-color: #fff; } .card_title { margin-top: 5px; margin-bottom: 10px; font-family: "Raleway", sans-serif; background-color: #fff; text-transform: capitalize; } button{ padding: 5px 8px; font-family: "Raleway", sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 500; color: HI#868686; background-color: #fff; outline: none; border: 1px solid black; cursor: pointer; }

@thedevlife1611 5 месяцев назад

media query part??

@yatinsharma5637 3 года назад

Worst thing about u is u don't provide source code , without css file this video is waste and we can't pay 50 rs for every video 😡

@ui-passion 4 года назад

I liked ctrl + d ctrl + d ctrl + d ctrl + d while your are selecting the same index key(text). Please also let us know the shortkeys as well.. thanks..:)

@letsknowthis1862 4 года назад

the explanation was good but you didnt tell us that how did you get the Netflix links and how you done the css part the upsert many basic level Beginners

@abhijeetv007 4 года назад

That's why I'm leaving this series

@alokpunjsharma 3 года назад

U gotta learn css urself he is teaching u react ull never learn web dev if u copy things ive made the cards with same effects myself and researched its more fun if u learn urself and practical

@anujgupta7749 3 года назад

@@abhijeetv007 Then you learn from which series?

@abhijeetverma5627 3 года назад

@@anujgupta7749 I learnt from FreeCodeCamp

@anujgupta7749 3 года назад

@@abhijeetverma5627 This series is good or FreeCodeCamp? whats your opinion?

@shrutisinghal5682 Год назад

Sir I'm following your series from starting and I did not able to find the video before this one where you added css file,u missed that video?if not then please share the link.

@bhautikpatel4742 3 года назад

Sir Thank's to learn very nicely I have a question 1) { toAbsoluteUrl } ke sath image attachment kai se kare { toAbsoluteUrl } matlab dynemic path

@saurabhpotdar2175 4 года назад

thapa bhai cards ka css code bhi batao yaar ye maine 3 card apane bataya waise create kiye per usake bad maine aur 3 card add kiye to alignment change ho rahi isilye css part pura batao yaar

@lofivibes4you 3 года назад

Bhai css ko to samjao yr tumne isme bataya hi nhi pls dekho

@AbhishekMishra-gr5zk 2 года назад

Aisa simplified version react ka mere samjh me kisi bhi platform p kisi bhi channel p milna next to impossible h Great sir

@hemantagrahari4298 4 года назад

Apne index.css wala part n dikhaya wo dikhaye plzz index.css wala part dikhaiye

@UniversbeCREATIONS 3 года назад

bhai is it possible that we use for loop in index.js where we created a card, by doing this we don't have to write card again and again. and we will get our desirer result.

@omsingh6879 3 месяца назад

Can anyone having his notes

@AxitSojitra2002 Год назад

img ka problem aa raha hai sir kesi set kare img ko

@priyankaranjan1471 3 года назад

You told that you will explain Css part that is used in this card.But you don't do that.

@ajaysinha1338 4 года назад

Bhai CSS bhi btaya kro please.. Bahut achi vieos hai.. Thanks a lot

@ShubhamSharma-yl2tf 3 года назад

Bro image set nhi hoe, atleast tum tho explain kr dete

@ratul1125 3 года назад

Awesome sir

@eramperwez4617 3 года назад

Amazing sir very interesting...

@kishandave722 4 года назад

Awesome me ye series' full time deta hu or aap ASE hi video upload karte rahe jise ham react developer ban sake Thanks

@reshulw884 3 года назад

css file kripya pradan kare!

@sheikhhashir9726 2 года назад

3 2 1 and Boom guys

@shahharsh8433 6 месяцев назад

CSS In Card.jsx let card__imgs={ maxHeight:'200px', maxwidth:'60px', marginLeft:'70px' } let carding={ display:'inline-block', } let car_category={ marginLeft:'70px' }

@lofiboy7866 3 года назад

sir please give css code for cards for new persons, where is the file for desiging

@A1ritiktyagi 3 года назад

ha bhai

@bhushanpawar6245 3 года назад

I learn here a lot... amazing teaching style and awesome video

@631singh 3 года назад

bhai index.css file bhi provide krdia kro zip format me

@sufyanahmed6268 Год назад

can any one clear my confusion plzz. is project me humne Card component k liye props k through data pass kia lekin jo SData components h usse directly import kr k use kr rhe h usse humne as a props q nhi lia??

@samraavana 3 года назад

I understand but what to do if image is locally store in the device. you just copy the link for image source

@rishabhjain8472 4 года назад

bhai source code bhi de diya karo na

@RahulParmar-cr5wg 3 года назад

Where is the CSS code yaar,,,,,,,,,, ?? and just look into your site .. there is no any source code............

@hk-nu2zt 3 года назад

awesome content but plzzz provide CSS files

@royarpan 3 года назад

ClassName will work if you use this in first div instead of h3 tag. like

@umarfarooq6145 2 года назад

yes

@deepvasoya3648 4 года назад

bro nd help , image is not showing in browser when i inspect it and it shows error "Not allowed to load local resource" on console tab.

@RohitKumar-ei5sp 3 месяца назад

why u are not show all the process of CSS implement plz request u to show all the process to learn according to them

@alkesh.jethava 4 года назад

Awesome video sir like you. kisi bhi series me dekhlo aapke sikhaye topics kahi nahi he. Me comparison nahi kar raha but u r unique like ur concepts n tricks to teach us

@ThapaTechnical 4 года назад

Thanks bro 🙂

@gsshaykot3824 4 года назад

after completing React course,please make 5 hard multipage dynamic website using HTML,CSS,JS,JQUERY,REACT,PHP,MySQL this will increase our knoledge 100x... please sir banaoge na?

@vandanasingandipe2203 3 года назад

hello please provide that array object of netfix series

@rushikeshavachat4282 3 года назад

Meri bhai give me the code of css in your thapa website.Reply me

@mohsinhasan1153 4 года назад

sir react me folder se image kese upload hogi..

@raghvendrasingh1679 3 года назад

react app me public folder me images ka folder bnao fir usme images daal do aur direct link kro kahi bhi "images/pic-1.jpg" is tarah

@ashutoshrai2717 4 месяца назад

Can we use map function to display multiple cards ?

@azadrawat920 4 года назад

Jo aap vedio bnate ho unko agr zip bna kr dete to shayad jayda behtar hota

@TejanshSrivastavaRA 3 года назад

sab kuch toh phele si likh ka rakha bas time pass kar rhe ho

@prathamsarap9853 8 месяцев назад

I'm not able find source code of any lecture on that site please anyone help me

@kNimrahBano 3 года назад

Hello... can you please explain the css part of this project?

@bhanupriyaprasad808 3 года назад

Sir please source code provide kar dijiye

@kahanijag970 3 года назад

Same

@janmeshmohapatra9199 3 года назад

CSS File ????? Where is it ??????????????????????????

@shivamtaware2047 3 года назад

thanks Sir Udemy se bhi acha Explain kiya aap nee

@ranahassan2417 4 года назад

Css part ka nahi batya 2nd last vedio my bi css ka nahi samhjya tha

@ashleem4939 Год назад

You can use ClassName to define different class for different name... the reason why u could see the word KuchBhi was because used the prop in the wrong place. You will have to use it against className so that u can get different class for different card.

@rajultiwari6955 Год назад

please give css file or atleast teach css part also

@chhavigupta7023 3 года назад

Your series is really helpful...But please start providing code.

@afaqahmad8918 Год назад

Thapa brother kindly source code provide kiya karo yar plz

@FaisalAnsari-ch4pl Год назад

10:54 React be like: Thapa sir bolenge 321 and boom! usse pahle hi update ho jata hu 😅.

@pritamadhikari9324 Год назад

please vaiya send responsive style code

@ArjunKiLife19 2 года назад

Agar humhe sabhi box k background color change krna h fir kese krege...

@keshavsharma9423 4 года назад

sir an error TypeError: Cannot read property 'createElement' of undefined is coming while accessing the array elements using props in card componenet. please help

@pablu_7 4 года назад

Card components should be exported and then imported in index.js. Make sure that the names matches correctly

@azeemchaudary4973 2 года назад

shame on you for taking money just for source codes.. banda lalchi ho lekin itna bhi lalach acha ni hota

@KCWonderWorld 4 года назад

Agr srf ek card ko style karna ho toh kaise karenge

@chinmaysahal06 4 года назад

same doubt

@harshjaiswal5060 3 года назад

Bhai CSS code to explain kiya he nhi nd last ka code dikhaya bhi nhi index.css ka

@sufianmajeed5281 3 года назад

Ajeeb ha ya too css ka too kch ni btaya aona

@kahanijag970 3 года назад

Same yaar

@oook3407 Год назад

yar app source code to provide kr dia kro

@umme_ruman786 2 года назад

this video is not good for learn because pehle se aadha bnaye hote hn aap log tw wo kaise samajh ayega ki aapne pehle se kya kya kr rkkha hai, aap pichle wale video ko jahan roka krye, next day usi ke aage se parhaya krye,.. baaki ke videos acche th, but only this video is not good enough

@Only_For_Friends00 Год назад

Netflix ka apne css nhi bataya dikhaya h

@umairsharif4220 3 года назад

Sir mera Asa view ni ara phly wala view ha Simple #VINODTHAPA SIR

@shivanigupta6559 3 года назад

Then how to design each and every card differently...... as u said we can write className in card component....then how we style all cards separately?

@kahanijag970 3 года назад

Same question

@kahanijag970 3 года назад

I am not able to target classname in css because of just one classname. 😞

@PIYUSH-lz1zq 3 года назад

sir can you explain the css of cards ?

@kahanijag970 3 года назад

Same yaar css ka samajh nahi aa raha

@kamalkant0534 4 года назад

how can I style each card individually... suppose if I want to give different background color to each card then how can I do that.

@chinmaysahal06 4 года назад

same doubt @thapatechnical

@Ali-bl3iq 4 года назад

make obj in it . like we do in hello sir good morning task

@bipinmsit7380 4 года назад

Hello @Thapa Technical, I am new in the field of web development. Appreciated your work for doing good job. can you please describe the css file for @Tutorial_22. Thanks!

@YourOnlineAdviser1540 3 года назад

yes, we would like to see the tutorial as well of CSS

@arjunkhanna1803 3 года назад

Apne customized props me styling kr skte hai?

@kahanijag970 3 года назад

Same question

@rahulbaghel1680 Год назад

bhai agr 100 data h to 100 k dalna padega kya aise .iska b koi shortcut ni h

@skwebdev7298 4 года назад

Thank you soooooooooooooooooooooooo much Sir, you are great

@Ankitmathur_01 Год назад

Div ke ander Div deke usme ky kiya vo nhi smjh nhi aya..?

@palashchamatkar9884 3 года назад

css ka code to dikha ta yar thappa matalb kuch bhi gadi bhagya vedio me

@khawajaabubaker1775 10 месяцев назад

Yr source code to day daytay

@VijayPatel-ez4lp Год назад

Please provide all images

@hk-nu2zt 3 года назад

please provide css files too that would be rlly gr8 help sir

@kahanijag970 3 года назад

Same

@thelalitpurvlogs8094 3 года назад

@@kahanijag970 *{ box-sizing: border-box; padding: 0; margin: 0; background-color: #d2dbdd; } .heading_style{ padding: 30px 0; text-align: center; font-family: "Raleway",sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 500; color: #868686; background-color: #fff; font-size: 1.5rem; margin-bottom: 30px; } .cards{ width: 100%; height: auto; } .card{ /*margin: 25px; */ margin: 6%; transition: all 0.4s cubic-bezier(0.175, 0.885, 0, 1); background-color: #fff; width: 21.25%; border-radius: 12px; box-shadow: 0px 13px 10px -7px rgba(0,0,0,0.1); float:left; } .card:hover{ box-shadow: 0px 30px 18px -8px rgba(0,0,0,0.1); transform: scale(1.05,1.05); } .card__img{ width: 100%; height: 235px; border-top-left-radius: 12px; border-top-right-radius: 12px; } .card__info{ background-color: #fff; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; padding: 16px 24px 24px 24px; background-color: #fff; } .card__category{ font-family: "Raleway"sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 500; color: #868686; background-color: #fff; } .card_title{ margin-top: 5px; margin-bottom: 10px; font-family: "Raleway",sans-serif; background-color: #fff; text-transform: capitalize; } button{ padding: 5px 8px; font-family: "Raleway",sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; font-weight: 500; color: #868686; background-color: #fff; outline: none; border: 1px solid black; cursor: pointer; }

@subhronilchatterjee6706 3 года назад

@@thelalitpurvlogs8094 bhai media query bhi de

@atrangibaat2225 Год назад

Hello Sir, My question is that why Props and this concept you are not write your code in the App.js file....actually it is too confusing because i refer your all videos from scratch and you told that the flow of App.js file

@ahsanejaz4405 3 года назад

Mr. Thapa I'm a viewer from Pakistan. Your tuts are awesome. Just need to fix your ctrl button literally chipkane men asaani ho gi bohat.

@nazimchaudhry8470 Год назад

Hello Thapa Sir can you please share me CSS of Netflix App Part #1.

@ahtishamahmed312 3 года назад

i need source code anyone

@akashkumarchoubey4730 3 года назад

css ka file to dikha deta bhai designe liye

@kishanrai7569 3 года назад

how to solve these error i am not able to get the pic whenever i try again always show errorwp6701298.jpg,:1 Failed to load resource: the server responded with a status of 404 ()