یادگیری ریاکت در 90 دقیقه
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- یادگیری مبانی ریاکت
- درک اولیه از مفاهیم ساده و آسان ریاکت
- کامپوننتهای تابعی و کامپوننت کلاس ریاکت
- JSX و هوکهای ریاکت
توضیحات دوره
در این دوره به سرعت کل مبانی ریاکت و استفاده از npm را یاد خواهید گرفت!
به این دوره جامع ریاکت خوش آمدید، جایی که شما را از مبانی تا تبدیل شدن به یک توسعهدهنده ماهر ریاکت هدایت میکنیم. در ماژول اولیه، شما را با ریاکت آشنا میکنیم و مفاهیم اساسی آن را پوشش میدهیم و شما را در فرآیند نصب راهنمایی میکنیم. شما بینشهایی درباره حفظ ساختار پروژهای تمیز نیز دریافت میکنید که برای جنبهای حیاتی برای توسعه سازمانیافته و مقیاسپذیر است.
ماژول دوم روی استایلدهی، ایمپورتها و اکسپورتها متمرکز است. یاد بگیرید چگونه کامپوننتهای ریاکت خود را بهطور مؤثر استایلدهی کنید، کتابخانههای خارجی را ایمپورت کنید و اکسپورتها را مدیریت کنید تا سازماندهی کد را بهبود دهید. در ماژول سوم، ما به کامپوننتها میپردازیم، با مثالهایی مانند دکمهها، تفاوتهای بین کامپوننتهای stateful و stateless را بررسی میکنیم.
با پیشرفت دوره، ماژول چهارم کامپوننتهای کلاس و مفهوم state را معرفی میکند که عنصر محوری در ساختاردهی رابطهای کاربری پویا است. سپس بررسی میکنیم چگونه state را در کامپوننتهای کلاس بروزرسانی کنیم و اطمینان حاصل میکنیم اپلیکیشنهای شما به طور پویا به تعاملات کاربر پاسخ دهند.
این دوره با تاکید بر اهمیت props، مکانیزمی برای انتقال داده بین کامپوننتها، ادامه مییابد و کاربرد آنها هم در کامپوننتهای کلاس و هم کامپوننتهای تابعی نشان میدهد. ما چرخه عمر کامپوننتهای کلاس را بررسی میکنیم و درک جامعی از زمان و چگونگی فراخوانی متدهای مختلف چرخه عمر ارائه میدهیم.
سپس به کامپوننتهای تابعی میپردازیم و در ماژول هشتم هوکها را معرفی میکنیم که در توسعه ریاکت سرنوشتساز هستند. ما بهطور خاص استفاده از هوک useState را با یک مثال کاربردی پوشش میدهیم و بر نقش آن در مدیریت state در کامپوننتهای تابعی تأکید میکنیم.
سپس، به بررسی هوک useEffect میپردازیم که برای مدیریت اثرات جانبی در اپلیکیشنهای ریاکت، مانند واکشی داده و اشتراکها، ضروری است. سپس به بررسی رندر لیستهای آیتمها بهطور پویا با تابع ()map پرداخته و مقیاسپذیری اپلیکیشنهای خود را تقویت میکنیم.
مدیریت فرمها در ریاکت یک مهارت مهم است که در ماژول دوازدهم به آن میپردازیم، جایی که بهترین شیوهها از جمله کامپوننتهای کنترلشده و ارسال فرمها را یاد خواهید گرفت. در نهایت، این دوره با بررسی React Router، ابزاری قوی برای ایجاد ناوبری اپلیکیشنهای شما و بررسی عمیق کامپوننت لینک به پایان میرسد.
در پایان این دوره، شما پایهای محکم در ریاکت خواهید داشت که به شما این امکان را میدهد که رابطهای کاربری پویا و واکنشگرا برای وب اپلیکیشنهای خود بسازید. برای شروع سفری هیجانانگیز به دنیای توسعه ریاکت آماده شوید!
این دوره برای چه کسانی مناسب است؟
مبتدیان در ریاکت که میخواهند به زبان آسان و ساده بیاموزند.
یادگیری ریاکت در 90 دقیقه
-
مقدمه 03:48
-
آشنایی با ریاکت، نصب و ساختار فولدر 12:56
-
استایلدهی، ایمپورت و اکسپورتها 11:55
-
کامپوننتها - به عنوان مثال: دکمه، انواع کامپوننتهای stateful و stateless 06:53
-
کامپوننت کلاس و اینکه state چیست و چگونه از آن استفاده کنید 07:40
-
بروزرسانی state در کامپوننت کلاس 03:54
-
Props چیست و چگونه از props کامپوننتهای تابعی و کامپوننت کلاس استفاده کنیم؟ 07:47
-
چرخه عمر کامپوننت کلاس 05:38
-
کامپوننتهای تابعی - هوکها 07:48
-
هوک useState - مثال 2 04:22
-
هوک useEffect 07:03
-
لیستها - ()map روی آرایه آیتمها 04:09
-
مدیریت فرمها 06:13
-
مسیرها و لینک ریاکت 08:01
مشخصات آموزش
یادگیری ریاکت در 90 دقیقه
- تاریخ به روز رسانی: 1404/12/10
- سطح دوره:مقدماتی
- تعداد درس:14
- مدت زمان :01:38:07
- حجم :744.0MB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy