آموزش پروژه‌ محور ری اکت جی اس – استفاده از هوک ها Hook در React.JS + گواهینامه

آموزش پروژه‌ محور ری اکت جی اس – استفاده از هوک ها Hook در React.JS + گواهینامه

3 ساعت
5.0

ری‌اکت‌جی‌اس (ReactJS) چیست؟ ReactJS یک کتابخانه جاوا اسکریپت متن‌باز است و برای ساخت و توسعه رابط کاربری (UI) تک‌صفحه‌ای به کار می‌رود. React از مفهوم کامپوننت‌ها و وضعیت برای ساختن و مدیریت رابط کاربری پویا استفاده می‌کند و با استفاده از Virtual DOM به بهینه‌سازی عملکرد برنامه‌های وب کمک می‌کند. Hook در ReactJS چیست؟ Hookها در ReactJS توابعی ساده هستند که به برنامه‌نویسان این امکان را می‌دهند تا در کامپوننت‌های تابعی، بدون نیاز به ساختار کلاس، از ویژگی‌ها و چرخه زندگی React استفاده کنند. Hookها در داخل کلاس‌ها قابل استفاده نیستند و در برنامه‌هایی که به صورت Functional یا تابعی پیاده‌سازی می‌شوند، کاربرد دارند. از Hookها برای افزودن عملکرد به کامپوننت و استفاده از ویژگی‌های React مانند useEffect برای انجام عملیات جانبی استفاده می‌شود. اهمیت یادگیری استفاده از Hookهای کاربردی در ReactJS چیست؟ یکی از پکیج‌های پرکاربردی که برنامه‌نویسان React برای پیاده‌سازی پروژه‌های خود از آن استفاده می‌کنند، پکیج React-Use است. این پکیج شامل انواع Hookهای کاربردی در حوزه‌های مختلف نظیر کار با سنسورها، UI، انیمیشن و ... می‌شود که برنامه‌نویسان با استفاده از آن‌ها به راحتی می‌توانند قابلیت‌های گسترده و ویژه‌ای را به پروژه‌های خود اضافه کنند. از ویژگی‌های مهم پکیج React-Use می‌توان به کاربری آسان، کاهش حجم کد، امکانات گسترده و پشتیبانی و آپدیت فعال اشاره کرد. در این فرادرس چه چیزی یاد می‌گیریم؟ در این آموزش به صورت کاملا پروژه‌محور، نحوه نصب و استفاده از Hookهای پکیج React-Use را به شما آموزش خواهیم داد. همچنین تا حد امکان سناریوهای مختلف برای استفاده از هر Hook را مورد بررسی قرار می‌دهیم و نمونه کدهای متنوعی را پیاده‌سازی خواهیم کرد. تمامی این مراحل، به صورت عملی و قدم‌به‌قدم تشریح خواهد شد و در پایان، تجربه و تسلط کافی برای افزودن ویژگی‌های متنوع با استفاده از Hookها در پروژه‌های خود را خواهید داشت.

فرادرس
نعیم یوسفی‌فرد

تریلر دوره

توضیحات کامل دوره

...

سرفصل‌های دوره

  • چکیده
    0:01:49

  • مقدمه و پیش‌نیازها
    رایگان 0:02:50
  • معرفی و نصب پکیج React-Use
    0:01:36
  • آزمون ۱

  • بررسی وضعیت شارژ باطری دستگاه
    رایگان 0:10:23
  • بررسی وضعیت Cursor و قرارگیری آن روی یک Element
    0:08:20
  • بررسی وضعیت غیرفعال بودن کاربر (IDLE)
    رایگان 0:03:44
  • بررسی وضعیت موقعیت نشانگر Mouse
    0:06:54
  • بررسی وضعیت اتصال به شبکه در مرورگر
    0:02:06
  • بررسی جهت صفحه نمایش
    0:02:57
  • بررسی وضعیت شروع تایپ کردن کاربر
    0:04:32
  • بررسی ابعاد پنجره مرورگر
    رایگان 0:05:08
  • بررسی موقعیت Scroll یک Element
    0:01:05
  • کار با صفحه کلید
    0:03:22
  • آزمون ۲

  • پخش و مدیریت فایل‌های صوتی
    رایگان 0:07:47
  • بررسی کلیک Mouse در خارج از محدوده مورد نظر
    0:03:45
  • نمایش تمام‌صفحه
    رایگان 0:09:18
  • استفاده از Slider در Elementها
    0:08:49
  • پخش و مدیریت فایل‌های ویدئویی
    0:06:04
  • خواندن متن
    0:03:59
  • آزمون ۳

  • رندرسازی Element در بازه زمانی مشخص
    0:06:41
  • مدیریت Timeout در به‌روزرسانی Element
    رایگان 0:04:04
  • به‌روزرسانی اجباری Element با useUpdate
    0:04:33
  • تمرین ۱ - طراحی کامپوننت Update Tracker
  • آزمون ۴

  • کار با useMount
    0:05:24
  • کار با useUnmount
    0:02:21
  • کار با useLifecycles
    0:01:52
  • کار با useEffectOnce
    رایگان 0:01:54
  • آزمون ۵

  • کار با Local Storage
    0:06:46
  • کپی متن در Clipboard
    0:03:41
  • تنظیم عنوان صفحه وب
    0:02:04
  • تنظیم آیکون صفحه وب
    0:02:32
  • کار با Cookie
    رایگان 0:06:11
  • فراخوانی متدهای آسنکرون
    0:06:47
  • تمرین ۱ - شمارنده در Local Storage مرورگر
  • آزمون ۶

  • کار با useMemo
    0:05:33
  • کار با useToggle
    0:02:36
  • کار با useCounter
    0:04:28
  • کار با useBoolean
    رایگان 0:02:11
  • کار با useFirstMountState
    0:02:03
  • کار با useMap
    0:03:45
  • کار با useStateValidator
    0:04:21
  • کار با useMultiStateValidator
    0:05:05
  • کار با usePrevious
    رایگان 0:01:58
  • کار با useList
    0:09:31
  • کار با useSet
    0:03:54
  • کار با useQueue
    0:03:09
  • تمرین ۱ - ٰتغییر رنگ بعد از اولین Render
  • تمرین ۲ - اعتبارسنجی طول متن
  • تمرین ۳ - جست‌وجوی کاربران لیست
  • تمرین ۴ - تغییر پس‌زمینه با کیبورد
  • آزمون ۷

  • جمع‌بندی و نتیجه مباحث
    0:03:03
  • ادامه یادگیری
    0:02:48
  • دسترسی به آموزش‌های «ادامه یادگیری»
  • ادامه مسیر تا ورود به بازار کار

  • تمرین ۱ - تایمر دیجیتال
  • تمرین ٢ - لیست اطلاعاتی کاربران

  • آموزش پروژه‌ محور ری اکت جی اس – استفاده از هوک ها Hook در React.JS

  • خلاصه و مرور آموزش
  • واژه‌نامه (Glossary)
  • سوالات متداول (FAQ)
  • مشاغل مرتبط
  • نمونه سئوالات مصاحبه شغلی

ارسال نظر شما

نظرات کاربران

نظرات کاربران

هنوز نظری ثبت نشده است.

1,990,000 تومان
398,000 تومان
80% تخفیف
ثبت‌نام در دوره
این دوره شامل:
12 فصل آموزشی
3 ساعت ساعت آموزش
دسترسی مادام‌العمر
سطح: مبتدی
گواهی پایان دوره: ندارد
تاریخ انتشار: 1403/12/09
آخرین به‌روزرسانی: 2026-10-29 14:24:12
تعداد امتیازها: 0
تعداد دانشجو:
خرید اقساطی: ندارد
ضمانت بازگشت وجه: ندارد
برچسب‌ها: