React JS Tutorial - Basic to Advance (2023)
HTML-код
- Опубликовано: 6 июн 2024
- ⭐️ There are 9 Courses in this Front End Development Specialization ⭐️
👉(1) Introduction to Front-End Development : • Video
👉(2) Programming With JavaScript : • Video
👉(3) Version Control : • Video
👉(4) HTML and CSS in Depth : • HTML5 And CSS3 in Dept...
👉(5) React Basic - ✨THIS COURSE ✨
👉(6) Advanced React - ✨THIS COURSE ✨
👉(7) Principles of UX/UI Design : • Video
👉(8) Front-End Developer Capstone : • Video
👉(9) Coding Interview Preparation
🔥🔥Course Material : drive.google.com/file/d/1fAU0...
💠About this Course💠
React is a powerful JavaScript library that you can use to build user interfaces for web and mobile applications (apps). In this course, you will explore the fundamental concepts that underpin the React library and learn the basic skills required to build a simple, fast, and scalable app.
By the end of this course, you will be able to:
• Use reusable components to render views where data changes over time
• Create more scalable and maintainable websites and apps
• Use props to pass data between components
• Create dynamic and interactive web pages and apps
• Use forms to allow users to interact with the web page
• Build an application in React
You’ll gain experience with the following tools and software:
• React.js
• JSX
• React
• HTML, CSS and JavaScript
• VSCode
⭐⭐⭐⭐🕑TIME STAMP📋⭐⭐⭐⭐⭐
👉REACT BASIC
0:00:00 Course Introduction
0:06:04 React Component and where they live
0:36:39 Component use and styling
1:01:30 Dynamic events and how to handle them
1:19:58 Data and Events
2:01:03 Linking and Routing
2:19:19 Using Assets in React
2:38:51 Graded Assessment Calculator App
2:45:45 Course Wrap Up
2:47:47 Setting up VS code
👉ADVANCED REACT
2:53:26 Course Introduction
3:08:39 Rendering lists in React
3:24:42 Forms in React
3:38:32 React Context
3:53:34 Getting Started with Hooks
4:18:12 Rules of Hooks and Fetching Data with Hooks
4:36:43 Advanced Hooks
4:47:32 JSX Deep Dive
5:14:28 Reusing behavior
5:28:37 Integration Tests with React Testing Library
5:50:35 Graded Assessment
6:00:33 Course Wrap up
🧾 For Earning the Certificate, Enroll in this Course here®️: www.coursera.org/
✨✨PLEASE IGNORE THESE TAGS✨✨
#reactjs,
#reactjstutorial,
react js full course,
react js tutorial for beginners,
react js crash course,
react js projects for beginners,
react js hooks,
react js advanced concepts,
react js advanced tutorial,
react js advanced,
advanced react js,
react js beginner tutorial,
react js basics,
react js beginner projects,
react js beginner,
react js beginner to advanced,
react js complete tutorial,
react js explained,
2023,
#completecourse 
Наука
So helpful - brilliantly clear and concise, with really good examples to embed understanding. Thanks so much!
This tutorial on React is undeniably one of the finest and most exceptional ones available.
Been running through tutorials and struggling...Wish I had found this tutorial before wasting money. It's the best I've ever seen. Thank you.
This is the best tutorial on React I have seen so far. Simplified.
Take scrimba react course
This course is loaded!!! In my own opinion, this is one of the most simplified and pretty epic tutorials on React JS. A huge thank you to the instructors.
I agree
@@kudrah That's right 👍
This is great! Very professionally made, and comprehensive.
you guys did a great job .
You guys are doing a great job, all this content available and for free, thank you very much
i know right it feels like a udemy video, this video is really helping me with react and it for free amazing
this video is from coursera.
Very much helpful video sir,
Please do make a dedicated video on the basics to the Advanced Node JS tutorial too...🙏🙏🙏
1:48:00 react context API and useReducer
2:08:00 React Router
React router used this course is outdated.
where can I find a good and up-to-date React course
@@009freestyler
This is course is awesome! I think all the stuff that I need to learn to become a react dev is here..Thank you..
This is one of the best course I've come across, it is simple and straightforward no bs. Loved it!
One of the best and greatest tutorials on React.
It couldn't be better than this.
best without doubt
This is the most detailed course I've ever seen.
Wow this is the best react tutorial I've come across so far.
insane tutorial. thank you !
Thank you for access to this awesome course from Meta. Cheers !
Great video. Thanks
The best react course I have seen so far...
At "React Context" part, you have to add {children} between UserContext.Provider at "UserContext.js file". Unless you will got white blank page.
Read the react documentation. It's fun and well and so detailed!
you're the best man!!!
🔥😍 thanks a million
In this video i have learn things with proper justification
Thanks to all of you. This course was of great help. Very well explained. Doubt anything better could have been possible then what has been already shared. If I want to learn more and do some projects are there projects available for practice? If any please share where can I find them?
Thank you for sharing this beautiful resource dear colleague. Greetings from Turkey. ❤
Our pleasure!
MAN THANK YOU SO MUCH
Holy cow , i was just about to start this program on coursera ! I guess i am doing it here now, thank you Nerd's Lesson, you guys are awesome.
Hi daddy
@@raphipik Are you winning son?
@@TendresseExige Winning everyday :)
Hope you're proud of me
@@raphipik I sure am !
Hi can you tell if this course has JavaScript basics also or we have to learn JS first
thanks ,excellent job
Nice one 💯
The quality for a free video is insane! this is great
That’s because it isn’t free. It’s a course taught by Meta on Coursera. You get a certificate and access to a job board when you finish. This guy stole this content.
@@popquiiztv7500 Really?
@@popquiiztv7500 shutup and be grateful.
@@popquiiztv7500 i was about to say it. But imo sucks as a paid product
@@popquiiztv7500 he about say free content for learners what plm with u
Very good. Thanks
needed this.
This called learn from scratch
thanks for your efforts
Excellent work
I love the way this guy points his fingers together...
WOW!! MAN THANKS A LOOOOOOT
Thank you bro I needed this video
Glad I could help
Thank you.
Would be nice to have one for Swift programing language
Best react course to ever exist.
Now that's what i'm talking about!
Amazing 🙏👏
Thank you 🙌
Why do I feel like this will be one of the best self investment I can make in 2023... if my code is as neat as your place, i'd be a superstar lol
I am about starting this course, guys wish me well
Keep doing up
Fantastic tutorial, covering almost everything about react. Very well explained, the lecturer is clear, concise and really knows about the matter. An incredible useful tutorial. Thank you.
is it worth watching this ?
@@mulikinatisiddarthasiddu8245 Well, there are several parts joined. So it's like 3-4 tutorials in one. There are interviews and information duplicated so it depends on your overall knowledge of React.
Speaks well!
Thank uuuuu
HI this is awesome.can you suggest any UI/UX course from basic to advanced (or) can i have full ui/ux course from you please
you are z best!!!
You guys deserved more subscribers.!
The guy stole those videos from a paid course
@@mh-shakir Ahhh that is bad...
This a great resource. thanks @Nerdslesson.. will you share other 7 module of this complete series?
Soon
@@Nerdslesson @The Dev Project bro i have a doubt. Is this course incomplete. When i visited Coursera they mentioned estimated time 27 hours to complete the react js basics, And an another 27 hrs for advanced react js
Front-End Web Development By Meta : ruclips.net/p/PLtS8Ubq2bIlWK4ScOV5A1qRnoIyxLOOdS
@@Nerdslessonthey have deleted it
@@johnelarriola5801of course they did 😤😤😵💫
Awesome
Excellence and sweet
thx
Thanks for sharing, Will you share another modules of Front End Development Specialization
Yes, soon
Front-End Web Development By Meta : ruclips.net/p/PLtS8Ubq2bIlWK4ScOV5A1qRnoIyxLOOdS
@@Nerdslesson Thank you
Will this video be helpful if I'm trying to learn PREACT?
nice video
Thank you so much a million times.Please 🙏 do upload other modules of it.
Thank you, I will try my best
Front-End Web Development By Meta : ruclips.net/p/PLtS8Ubq2bIlWK4ScOV5A1qRnoIyxLOOdS
@@Nerdslesson Thank you so much. That is indeed a best playsist. 🙏
You are god. Tutorial king.
If only this had come out before I finished the course lol
wow!!!!! i really enjoy your explanation. am sure i will learn alot on this video
JUST WOOOOOOOOOOOOOOOOOOOOOOOWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW
Great video
Glad you enjoyed it
Hey , what should be the next step after completing this course?
4:11:12 , Sir, how can u change the key of props while passing from parent to child.. the property mentioned in parent , the same property needs to be used in child component using "props.item "..
Pls check once from your side.
Hi, full training React JS could you tell me please 🙏🙏
Gonna finish this in 10 days. Starting today. Gonna edit this as a progress tracker.
How did it go
@@jimmyb2471 So far so good 🤣🤣
2:01:03 Liking and routing
Best react course you can find and its better by far to paid courses
Amazing course , still a novice in React but looking forward conquering the Software Engineering world!! Wish Luck and patience to everyone studying React!!!
Best of luck!
Very Very Much Thanks To You bro.. Please share other modules and if Possible share with us Complete MERN Stack course..
Front-End Web Development By Meta : ruclips.net/p/PLtS8Ubq2bIlWK4ScOV5A1qRnoIyxLOOdS
@@Nerdslesson O wooww Thats unbelievable. Bundle of thanks. Please please share also mangodb and node js
@@Nerdslesson and please also help us. We are learning Java script by meta 32hr long video uploaded by your channel so should we also learn javascript in this mentioned play list.? Please replay
Thanks for the Playlist. Please is this is the full course on coursera. Also when will you add the backend Playlist
Nice Tutorial... Really nice and straight to the point...
But I feel some concepts are rushed and quickly brushed through...
Bottomline, the tutorial is too fast paced.
What font used in your vscode ?
start at 1:30:00
calc useRef 2:30:00
uncontrolled to controlled form 3:30:00
useReducer 4:38:00
useRef 4:41:00
component composition 5:00:00
HOC 5:17:00
render props pattern 5:25:00
What is this sudden jump @1:44:00 from Context API to useReducer concept without any warning or context setup?
Nice thank you so much 👍🫶🏻✌️🫡🤝👋👌🙏🤜
Hi, thank you for the work you do. Do you have the full C specialization?
What is a C specialization?
@@illegalsmirf It's the whole course from the first tutorial to the last as offered by coursera
@@nicksonkiprotich5070 go and buy please
I have a question: link drive in the description is full example in this course
Please do backend tutorial also
any chance to have the Javascript part? thank you!
it boring and not worth it i would recommend you to watch Akshay Saini yt channel Namste javascript playlist and he will make you in love with javascript .
Thank me later.
5:20:50 Can somebody explain to me, how react know that the "props" in the return function are coming from the WrappedComponent. We've never declared what props is in this function?
This is the best video on React. Thank you so much for simplifying the concept of React.
i wanted a proper explanation of context api example and usereducer. everything was so good till useState(). can someone tell me is there any course for this video where they expalin context api and usereducer in brief?
Boy you got an awesome accent.
You don't have a section for Redux ?
hi, can I install node.js in disc other than Disc C of my computer?
Can you link the other courses in Front end development.Allmost all the other videos got taken down and now I need to find the others.Please help.
Where was this react course from?
by META?
When you access a website made in reactjs, does the browser download every single page and asset of the application at once? (Images,libraries, videos,etc)?
yep
If possible please share on angular.
I want in this channel courses on negotiation ,communication skills etc
COURSERA 😉
This guy talks about react for hours without blinking 😂😂
is there is some parts cut?
功利主義遏制創造性思維
創新的動機的三個層次
短期功力主義： 升值加薪，上市
長期功利主義： 行業一流，填補空白
非功利主義，内在價值提升： 追求，改變世界
god, I love his/your accents
Web 3 and blockchain course??😊