توضیحات
در اینجا من به شما یک راهنمای کلی ارائه می‌دهم که به شما کمک می‌کند با 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
هیچ دیدگاهی برای این محصول نوشته نشده است.