Some ShortCut For VsCode : 1. Split :- Ctr + \ 2. Open Terminal : - Ctr + j 3. Primary Bar Open And Close : - Ctr + b Css ShortCut :- m10 => margin : 10px; m10% => margin : 10%; p10 => padding : 10px; p10% => padding : 10%; p6px16px => padding : 6px 16px; df => display : flex; db => display : block; bg#fff => background : #fff; bg#111 => background : #000; you can try with many properties. just write firstletter and use value or value first letter. Thank You
00:00 - Project 1 Intro 01:00 - What is React? 02:30 - How to install React 08:59 - About Main.jsx in React 12:14 - .gitignore File 12:37 - package.json 13:29 - How to install Node packages 16:36 - How to start React project 16:51 - Write first React program 18:15 - Now, using design, we will build project 18:50 - Understanding React components 24:29 - Creating Nav component 26:12 - Exporting images from Figma to React project 27:05 - Continue Nav 27:52 - Emmet setting for React 28:54 - How to add fonts in React project 31:05 - Writing CSS for Nav 38:48 - Refactoring and making Navigation component 43:02 - Hero Section 49:47 - Styling Hero Section
hats off to you sir can't thankyou enough literally, i have wondared through multiple renowned developers and after having so much disappointments eventually landed here...one of the best gift for me sir!! keep going sir. nothing but gratefulness and blessings for you.
I have just completed this session and I never felt bored during the entire session. I appreciate your efforts. I really liked that you didn't skip HTML and CSS, so any newbie can easily understand. Also, thanks for explaining the extension settings; I use some of them and it was really helpful for me.
sir i cant express that how wonderful is this course ,before watching this course am anxious because am getting bored to watch their videos . but this lecture is simple and easy to catch concept . Thanks you so much sir. keep going on and make full react course as well as make full 10 projects concept with deep explaination.
I love the way how you are elaborating every aspect whether it is react or whether it is css. I saw other videos on react too but they all skip the css part. You are doing just fine by keeping all the elements in equal proportions. I saw your playlist for Learn html/css in 10 projects and honestly I liked it very much. Helped me alot in building websites. Positively looking forward for this playlist too!! Much love and respect!
I appreciate how thoroughly you explain each element, whether it is CSS or React. I watched other react tutorials as well, however they all exclude the CSS portion. By maintaining the balance of all the components, you are doing great. I watched your playlist for "Learn HTML/CSS in 10 Projects," and I must admit that I really like it. greatly aided my website-building efforts. I'm eagerly anticipating this playlist as well! Much adoration and esteem!
sir thank you so much for this series, i always had difficulty learning react, but this video made file structure and basics of my react clear, i hope to complete the entire series. Once again thank you.
Mannnnnn i dont know how to thank youuuu i never comment on yt videos but you are really great so simple explanation just made the best decision to watch this playlist!!!!!!!!!!!!!!!!!!!!!!!!!!!!
I only comments on very some ytbers video who provides quality education but the way youre teaching its forced me to appreciate your efforts that youre putting, I know its very difficult to define from beginners eye I love your content from pakistan, GOD BLESS YOU.
Grateful for the invaluable service provided to the community. The methodical approach of dissecting complex issues into manageable pieces not only enhances the problem-solving experience but also serves as a great learning model for strategic thinking
Bro You explain quite well without wasting our time .Its to the pint and and short but boom you clear concepts quickly!!! Keep it up Bro your teaching style is your excellent please make some series on next js too
I have seen many videos on web development but first time I got wow moment when I saw your presentation from converting a figma file to a project ❤️🔥. Keep doing more videos like this by explaining every part of the project from scratch🎉. Looking forward to learn more from you 🫂. Note : I rarely comment on TH-cam videos but after watching your video I couldn't control to comment for appreciating you. Keep up the great work mate 💪.
yara anshu bhai app na ta dill jeet lia . abhi tak mene code with harry ki videos pa time waste kia. app ki video random ay and then love the playlist. anshu Bhai kindly next js ki playlist bhi bna do .
wow I just started the series yet stopped to comment this. Your explanation is just on point. I was so happy to find this series. Can't wait to complete it. Thank you for this wonderful series
BAS ek bat bolung "YOU ARE A GENIUS EXPLAINER" .. ye dunia bhr ke so called"mentors" ka "PROFESSIONAL TEACHING METHOD" bakwas lagta h smjh me aane me time lagta hai, your teaching style is THE BEST
16:43 after running npm run dev its giving an error of missing script:dev but it is already there in my json file. or koi port or url display nahi ho raha hai, is there any way to display port? pls
create react app for same folder name , simply create folder and open with vs code and then open terminal (ctrl+shift+~) then write the command - npx create-react-app . (last dote also compulsary)
Thank you so much for this new series, Please ek video m kisi social media site ka clone bnba dijiye using React , sir aapke explanation skills bahut ache h thats why i wanted
After creating navigation folder in compone and move the files like Navigation.jsx and Navigation.module.css then this error is showing 👇 Module not found: Error: can't resolve './component/navigation ' Why this type of error is showing And how's resolve this please solve this problem @dosomecoding
Some ShortCut For VsCode :
1. Split :- Ctr + \
2. Open Terminal : - Ctr + j
3. Primary Bar Open And Close : - Ctr + b
Css ShortCut :-
m10 => margin : 10px;
m10% => margin : 10%;
p10 => padding : 10px;
p10% => padding : 10%;
p6px16px => padding : 6px 16px;
df => display : flex;
db => display : block;
bg#fff => background : #fff;
bg#111 => background : #000;
you can try with many properties. just write firstletter and use value or value first letter.
Thank You
Thank you
Thanks a lot brother 🎉
00:00 - Project 1 Intro
01:00 - What is React?
02:30 - How to install React
08:59 - About Main.jsx in React
12:14 - .gitignore File
12:37 - package.json
13:29 - How to install Node packages
16:36 - How to start React project
16:51 - Write first React program
18:15 - Now, using design, we will build project
18:50 - Understanding React components
24:29 - Creating Nav component
26:12 - Exporting images from Figma to React project
27:05 - Continue Nav
27:52 - Emmet setting for React
28:54 - How to add fonts in React project
31:05 - Writing CSS for Nav
38:48 - Refactoring and making Navigation component
43:02 - Hero Section
49:47 - Styling Hero Section
Thanks bro❤
Great work easy to understand
hats off to you sir can't thankyou enough literally,
i have wondared through multiple renowned developers and after having so much disappointments eventually landed here...one of the best gift for me sir!!
keep going sir.
nothing but gratefulness and blessings for you.
I have just completed this session and I never felt bored during the entire session.
I appreciate your efforts. I really liked that you didn't skip HTML and CSS, so any newbie can easily understand.
Also, thanks for explaining the extension settings; I use some of them and it was really helpful for me.
itne din se dhondne k baad , best React channel mila. Thanks a lot.
At 27:43 , the corrected code is this
Menu
Location
About
Contact
Yes
I think in React we don't use tag.
But we understand what you want to say.❤
We can use Link aur Na link from react -router-dom
Text become blue with :' )
Who is watching in march 2024 😅
me
March khatam ho gya bhai 31
@@ffgameing8936 haa bhaii
sir i cant express that how wonderful is this course ,before watching this course am anxious because am getting bored to watch their videos . but this lecture is simple and easy to catch concept . Thanks you so much sir. keep going on and make full react course as well as make full 10 projects concept with deep explaination.
Jabardast bhai kya samjhaya hai mera to confidence hi badh gaya dhapak se thank u so much bhai . Keep it Up .❤❤❤❤❤
I love the way how you are elaborating every aspect whether it is react or whether it is css. I saw other videos on react too but they all skip the css part. You are doing just fine by keeping all the elements in equal proportions. I saw your playlist for Learn html/css in 10 projects and honestly I liked it very much. Helped me alot in building websites. Positively looking forward for this playlist too!! Much love and respect!
Hats Off to the way u teach Sir.....me who was trying to setup with react and js since 3 months ,easily understood in 1hr
I appreciate how thoroughly you explain each element, whether it is CSS or React. I watched other react tutorials as well, however they all exclude the CSS portion. By maintaining the balance of all the components, you are doing great. I watched your playlist for "Learn HTML/CSS in 10 Projects," and I must admit that I really like it. greatly aided my website-building efforts. I'm eagerly anticipating this playlist as well! Much adoration and esteem!
sir thank you so much for this series, i always had difficulty learning react, but this video made file structure and basics of my react clear, i hope to complete the entire series.
Once again thank you.
Im from Nepal, thanks to your tutorial, my confidence level has up in React. Thanks a lot.
Mannnnnn i dont know how to thank youuuu i never comment on yt videos but you are really great so simple explanation just made the best decision to watch this playlist!!!!!!!!!!!!!!!!!!!!!!!!!!!!
i saw money video but didnt get proper way of teaching but sir you are amezing i understood everything thank you................:)
jaisa teacher mujhe chahiye hai ekdum tum wohi ho . what a teaching good and big thanks to you sir
Thanks
dude ive watched multiple react tutorials but you did a really great job in explaining everything for beginners.🤘
I only comments on very some ytbers video who provides quality education but the way youre teaching its forced me to appreciate your efforts that youre putting, I know its very difficult to define from beginners eye I love your content from pakistan, GOD BLESS YOU.
brother you're doing a great job!
learning a lot from you... please continue this series
sir aapane kamal kar diya ....ypu tube world me sabase best series start ki hai....thanks sir ..
Great Brother excellent don't ignore css. I appreciate your efforts. I really liked that you didn't skip HTML and CSS, so i can easily understand.
this is one of the best video i have seen in the you tube for learning the java script
Grateful for the invaluable service provided to the community. The methodical approach of dissecting complex issues into manageable pieces not only enhances the problem-solving experience but also serves as a great learning model for strategic thinking
Thank you bhai bada bada. itni basics se start karane k liye & sequentially going tougher tougher. Thank you for building base first.
Thanks alot sir..... I've understand react after watching your tutorials....
You are explainig good enough bro!!!!!! Dusra channels mai they are only saying to follow them but ur explaining everything THANKS BRO🙏🙏🙏🙏🙏🙏
just to Add - in figma select any element press Alt and more cursor to near by element - this will give you surrounding space measurements
amazing lecture.... now feeling confident
Bro You explain quite well without wasting our time .Its to the pint and and short but boom you clear concepts quickly!!!
Keep it up Bro your teaching style is your excellent
please make some series on next js too
Finally the wait is over.
I have seen many videos on web development but first time I got wow moment when I saw your presentation from converting a figma file to a project ❤️🔥. Keep doing more videos like this by explaining every part of the project from scratch🎉. Looking forward to learn more from you 🫂.
Note : I rarely comment on TH-cam videos but after watching your video I couldn't control to comment for appreciating you. Keep up the great work mate 💪.
Thanks its very helpful
this is the best react tutorial on youtube kudos to you bro
I have completed my first project on react thank you🤩🤩
I have completed 2nd and 3rd too
Bhai sach bolu to mera javascript ka basic hua tha or me react pr switch kiya..... Thankfully mko ye smjh ara hai (Baktiyar)
i really loved your teaching. i understood concepts very well. thank you so much
Oooh really😮😮
yara anshu bhai app na ta dill jeet lia . abhi tak mene code with harry ki videos pa time waste kia. app ki video random ay and then love the playlist. anshu Bhai kindly next js ki playlist bhi bna do .
Awesome bro your videos helped me a lot to understand the reactjs from scratch.
Exactly what I was searching for. Thanks dude.
bhai sahab kya pyari explanation thi apki omg wow bhaiya love you
Dear your method is very easy and helpfull for me. it's very-2 simple way.
bro sirf accha????.....this a gem content for beginners like me😀😀
Very well executed brother Thank you❤👌
Awesome teaching method. Appreciating from Bangladesh
wow I just started the series yet stopped to comment this. Your explanation is just on point. I was so happy to find this series. Can't wait to complete it. Thank you for this wonderful series
Who is watching in may , 2024 😂😂
Why are you laughing?
love u brother for this series need more projects like this in react
I wish I could give you a treat oneday INSHALLAH
NO words for your hard work
Bohat acche say explanation hai bhaiya, keep it up 👍👍👍👍👍
BAS ek bat bolung "YOU ARE A GENIUS EXPLAINER" .. ye dunia bhr ke so called"mentors" ka "PROFESSIONAL TEACHING METHOD" bakwas lagta h smjh me aane me time lagta hai,
your teaching style is THE BEST
Thanks
this is amazing brother i have lots of learn this video thankyou for this
I Love you bhai ❤
Kamse kam 50 project lao beginner to advance tak kaa
Thks bro . Keep it up .....love from Pakistan 🇵🇰
i have completed the first project ! , easily explained thanks a lot man !
sir you are great you deserve millions of subscriber😍😍🥰🥰🥰😘😘
Great video bhai , extensions are great installed all of them!!!🔥
thanks for the project. Also fixed the responsiveness.
Thank you boss this was a great start for my react journey😎😎.
Pata nahi kab 1 hour guzar gaya pata hi nahi chala.. It's like a story where all the things are come into picture as story developes/
Bhai i am big fan off you big fan ! you are fantastically teaching i love it
You are one of the great teacher wow🫡❤️
Aap agr aise hi video bnate gye to aap sch. Me bhut aage ho jayenge
Bro pls continue the react project series it is very helpful
16:43 after running npm run dev its giving an error of missing script:dev but it is already there in my json file. or koi port or url display nahi ho raha hai, is there any way to display port? pls
Which extension are you using for css suggestion 33:58
Thankyou for this i've learned alot from this :)
Wow sir zaberdast ❤❤
Lovely content bhaiya bahut acha samjhate ho
create react app for same folder name , simply create folder and open with vs code and then open terminal (ctrl+shift+~) then write the command - npx create-react-app . (last dote also compulsary)
Really Thanks my brother... continue it please...
Wonderful Sir, Really Appreciated your effort
it's really helpful bro for beginner keep it up...
Brother You are really great .
Thank You So Much for this wonderful video............🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻
Nicely explained ,very helpful for beginners,keep it up bhai
Thank you so much for this new series, Please ek video m kisi social media site ka clone bnba dijiye using React , sir aapke explanation skills bahut ache h thats why i wanted
Okay 👍
Explained it very well bro
You nailed it video is worthy🎉❤
THEEK HAI...!!!! 😁😁
Wow Awesome Efforts
Love from pakistan
❤
Very nice beginner friendly explanation❤❤
Tum boht mast kaam karta hai Maqsood bhai. ❤🫂
Done making this project
you madeeeee life so easy. Thankyou sir.
Bhai jaldi jaldi video Lana
Mere ko personally aise hi playlist ka wait tha.
Maine relevel by unacademy se fed ka course Kiya h jo ki useless tha.
Ooh
sachi chobbar sawad aa gya...pichle 10 dina te nhi khajal ho rea ta
i like the way you teach you teaching style is better than hitesh choudhry
Always help I never regret to subscribe you
Love from pakistan
Bhot badiya bhai
great initiative bhaiya 👏
thank you brother you saved my life🥲😭😭😭😭
Love from Pakistan You are so brilliant and future Star
Your explanation is very impressive.❤❤
Glad you think so!
How you are using brush tool?
Fantastic and very informative 😊
After creating navigation folder in compone and move the files like Navigation.jsx and Navigation.module.css then this error is showing
👇
Module not found: Error: can't resolve './component/navigation '
Why this type of error is showing
And how's resolve this please solve this problem
@dosomecoding
sir 51:56 scroll bar mujey hara hai kya karu
app jaisey kiya mey bi haisey kiyata
thanks bhai😍
Very good brother love from Bangladesh
It was really superb, thanks to you