React یکی از محبوبترین و پرکاربردترین کتابخانههای JavaScript برای توسعه رابط کاربری است. اگر قصد دارید وارد دنیای توسعه فرانتاند حرفهای شوید یا مهارتهای خود را ارتقا دهید، دوره آموزش React مبتدی تا پیشرفته بهترین نقطه شروع و پیشرفت برای شماست.
در این دوره، React را از مفاهیم پایه شروع کرده و قدمبهقدم تا پیادهسازی پروژههای واقعی و حرفهای پیش میروید. آموزشها بهصورت کاملاً عملی و پروژهمحور ارائه شدهاند تا بتوانید آموختههای خود را مستقیماً در پروژههای واقعی استفاده کنید.
چرا یادگیری React مهم است؟
React توسط شرکت Meta (فیسبوک) توسعه داده شده و امروزه در بسیاری از وبسایتها و اپلیکیشنهای بزرگ استفاده میشود. یادگیری React به شما کمک میکند:
-
رابطهای کاربری سریع و پویا بسازید
-
کدهای قابل نگهداری با Componentها بنویسید
-
وارد بازار کار فرانتاند شوید
-
پروژههای مقیاسپذیر و حرفهای توسعه دهید
این دوره مناسب چه کسانی است؟
این دوره برای افراد زیر طراحی شده است:
-
علاقهمندان به برنامهنویسی فرانتاند
-
کسانی که میخواهند React را از صفر یاد بگیرند
-
برنامهنویسانی که قصد ورود به بازار کار دارند
-
توسعهدهندگان JavaScript که میخواهند حرفهای شوند
در این دوره چه چیزهایی یاد میگیرید؟
پس از اتمام این دوره، به مفاهیم زیر مسلط خواهید شد:
-
مفاهیم پایه React و JSX
-
Componentها و Props
-
State و Lifecycle
-
React Hooks (useState، useEffect و …)
-
مدیریت رویدادها
-
ارتباط با API و Fetch دادهها
-
ساخت پروژههای واقعی
-
بهینهسازی و ساختاردهی کدها
سرفصلهای دوره آموزش React
این دوره شامل جلسات آموزشی گامبهگام است، از جمله:
-
معرفی React و ساخت اولین پروژه
-
آشنایی با JSX
-
Componentها و معماری React
-
State Management
-
Hooks و کاربرد آنها
-
کار با API
-
پیادهسازی پروژه نهایی
بعد از پایان این دوره چه تواناییهایی دارید؟
با گذراندن این دوره میتوانید:
-
پروژههای واقعی React پیادهسازی کنید
-
وارد بازار کار فرانتاند شوید
-
پایهای قوی برای Next.js و فریمورکهای مدرن داشته باشید
-
اپلیکیشنهای SPA حرفهای بسازید
سوالات متداول
آیا این دوره برای افراد مبتدی مناسب است؟
بله، آموزش از مفاهیم پایه شروع میشود.
آیا دوره پروژه عملی دارد؟
بله، تمرکز دوره بر پروژه و مثالهای واقعی است.
آیا این دوره بهروزرسانی میشود؟
بله، محتوای دوره مطابق نسخههای جدید React بهروزرسانی خواهد شد.
پیشنیازهای آموزش React :
HTML و CSS:
برای ایجاد و طراحی ویوها و رابط کاربری در React، نیاز به مفاهیم اساسی HTML و CSS دارید. باید بتوانید اجزا و عناصر HTML را ایجاد و استایل دهید.
اگر هنوز دوره طراحی سایت با HTML , CSS کامل و پیشرفته ندیدی بهتره از لینک زیر شروع کنی :
JavaScript:
React بر اساس جاوااسکریپت (JavaScript) ساخته شده است، بنابراین نیاز به آشنایی کافی با اصول و مفاهیم جاوااسکریپت دارید. به ویژه مفاهیم مدیریت متغیرها، توابع، آرایهها، و شیءگرایی را باید مسلط باشید.
اگر هنوز جاوااسکریپت یاد نگرفتی حتما دوره مبتدی تا پیشرفته جاوااسکریپت از لینک زیر میتونی تهیه کنی :
مفاهیم ES6:
ES6 یا ECMAScript 2015 مفاهیمی مانند تعریف متغیرها با `const` و `let`، توابع جدید مانند Arrow Function، و مدیریت آبجکتها با استفاده از اپراتورهای جدید را در اختیار شما قرار میدهد. این مفاهیم در توسعه React بسیار کارآمد هستند.
مفاهیم DOM (Document Object Model):
برای درک عملکرد React در ایجاد و مدیریت رابط کاربری و تعامل با DOM، مفاهیم DOM مانند انتخاب عناصر DOM و تغییر وضعیت آنها را باید بدانید.
۰۰:۰۸:۰۰
– React چیست: مفهوم و تاریخچه
– node نصب
– ایجاد یک پروژه React اولیه با استفاده از Create React App
۰۰:۱۷:۳۱
– مفهومی از JSX و اجزای React
00:۱۲:۴۷
– syntax JSX
۰۰:۰۶:۱۲
– ارسال و دریافت props بین کامپوننتها
۰۰:۰۷:۰۰
۰۰:۱۱:۱۷
– if Statement
– Logical && Operator
– Ternary Operator
۰۰:۰۸:۰۰
– Keys
00:11:18
– Inline styling
– CSS stylesheets
– CSS Modules
00:11:20
– مفهوم State
– UseState Hook
00:04:06
00:13:30
– هندل کردن فرم با UseState
– مفهوم آپدیت State
00:12:00
– هندل کردن تغییرات state با تابع useState
00:19:00
– ایجاد صفحات و هندل روت بین صفحات
– ایجاد layout و مفهوم outlet
00:15:33
– isActive , isPending برای active صفحات
– نصب پکیج بوتسترپ و ایجاد منوی ریسپانسیو
00:08:00
– routing 404 err – ایجاد صفحه ۴۰۴ و مسیردهی
00:19:43
– درخواست api با متد fetch
– بایند دیتا در کامپوننت
00:30:00
– گرفتن اطلاعات از url – params
– ایجاد صفحه سینگل محصولات
00:05:38
00:07:32
00:19:00
– مفهوم useContext
– استفاده از ContextProvider
00:17:00
– update dispatch
00:۲۸:00
– ایجاد دکمه اضافه به سبد خرید
– اضافه کردن محصولات به localstorage
00:۲۶:00
– نصب پکیج آیکون های فونت fontawsome
– نمایش تعداد محصولات در هدر
– استفاده context برای آپدیت تعداد محصولات سبد خرید
00:18:00
– مسیر دهی کامپوننت سبد خرید
– نمایش محصولات سبد خرید از لوکال استوریج
00:16:00
– حذف محصولات داخل سبد خرید
– آپدیت تعداد محصولات سبد خرید در هدر
00:12:00
– ایجاد پیغام اضاقه شدن به سبد خرید
– استفاده از کامپوننت Alert bootstrap
– استفاده از useRef
00:16:00
– ایجاد لودینگ با skeleton bootstrap
هیچ دیدگاهی برای این محصول نوشته نشده است.