تخفیف ویژه همین الان — دوره‌های تخفیف‌دار را ببینید.
روز
:
ساعت
:
دقیقه
:
ثانیه
تخفیف‌های ویژه
دوره آموزشی الگوهای طراحی React

دوره آموزشی الگوهای طراحی React

4 ساعت 4 دقیقهمتوسط2025-05-01

مدرسین

Shaun Wassell

Shaun Wassell

Full-Stack Software Developer

جزئیات دوره

تو این دوره، با الگوهای طراحی معتبر React آشنا می‌شی که می‌تونن کیفیت کدهات رو بالا ببرن و برنامه‌هات رو تمیزتر و قابل توسعه‌تر کنن.
شاون واسل، برنامه‌نویس حرفه‌ای و مدرس توسعه فول‌استک، بهت یاد می‌ده چطوری از کامپوننت‌های لایوت استفاده کنی تا محتوای صفحه رو بهتر و مرتب‌تر بچینی.
همچنین با کامپوننت‌های کانتینر آشنا می‌شی که کمک می‌کنن عملکردهای مشترک بین کامپوننت‌ها رو ساده‌تر کنی و ارتباطشون رو روان‌تر کنی.
در ادامه، یاد می‌گیری چرا کامپوننت‌های کنترل شده تو مدیریت وضعیت (state) چقدر مهم هستن و چطور ازشون درست استفاده کنی.
یکی از بخش‌های جالب دوره، یادگیری استفاده از کامپوننت‌های مرتبه بالاتر (Higher Order Components) هست که بهت اجازه می‌ده قابلیت‌های جدیدی به کامپوننت‌ها اضافه کنی بدون اینکه کد اصلی‌شون رو دست بزنی.
همچنین با مفاهیم برنامه‌نویسی تابعی آشنا می‌شی و می‌بینی چطور می‌شه این اصول رو تو React به کار برد.
تمام این مفاهیم همراه با مثال‌های عملی ارائه می‌شن تا یادگیری برات راحت‌تر و کاربردی‌تر باشه.
وقتی دوره تموم شد، ابزارها و دانش لازم رو داری که با اعتماد به نفس و سرعت، اپلیکیشن‌های React بسازی.

اهداف یادگیری
شناخت و به‌کارگیری الگوهای طراحی معتبر React برای کدهای تمیز و قابل توسعه
استفاده از کامپوننت‌های لایوت برای سازماندهی بهتر محتوای صفحه
بهره‌مندی از کامپوننت‌های کانتینر برای بهبود عملکرد و ارتباط بین کامپوننت‌ها
درک مزایای کامپوننت‌های کنترل شده در مدیریت وضعیت (state)
استفاده از کامپوننت‌های مرتبه بالاتر برای افزودن قابلیت‌ها بدون تغییر کد اصلی
آشنایی با مفاهیم برنامه‌نویسی تابعی و کاربرد آنها در React
تمرین عملی با مثال‌های واقعی برای تسلط بیشتر

مهارت ها

Software DesignReact.jsMetaFront-End Web DevelopmentWeb DevelopmentSoftware DevelopmentOne-Off

سرفصل ها

۰. مقدمه

  • 01 - ویدیوی معرفی
  • 02 - الگوهای طراحی چیستند؟

۱. اجزای طرح‌بندی

  • 03 - اجزای طرح بندی چیستند؟
  • 04 - اجزای صفحه نمایش تقسیم شده
  • 05 - بهبودهای کامپوننت تقسیم صفحه نمایش
  • 06 - اجزای لیست و آیتم
  • 07 - راه حل - انواع مختلف لیست
  • 08 - کامپوننت‌های مودال

۲. اجزای کانتینر

  • 09 - اجزای کانتینر چیستند؟
  • 10 - دستورالعمل‌های سرور
  • 11 - بارگذاری کاربر فعلی
  • 12 - کامپوننت CurrentUserLoader
  • 13 - کامپوننت UserLoader
  • 14 - کامپوننت ResourceLoader
  • 15 - کامپوننت DataLoader
  • 16 - راهکار - بارگذاری داده‌ها از localStorage

۳. اجزای کنترل‌شده و کنترل‌نشده

  • 17- اجزای کنترل‌شده در مقابل اجزای کنترل‌نشده
  • 18- فرم‌های کنترل نشده
  • 19 - فرم‌های کنترل‌شده
  • 20 - ماژول‌های کنترل‌شده و کنترل‌نشده
  • 21 - جریان‌های کنترل‌نشده‌ی ورود به سیستم

۴. اجزای مرتبه بالاتر

  • 22 - کامپوننت‌های مرتبه بالاتر (HOC) چیستند؟
  • 23- چاپ لوازم جانبی با HOCها
  • 24 - بارگذاری داده‌ها با HOCها
  • 25- اضافه کردن JSX با HOCها

۵. الگوهای قلاب سفارشی

  • 26 - قلاب‌های سفارشی چیستند؟
  • 27 - هوک useCurrentUser
  • 28 - قلاب useUser
  • 29 - قلاب useResource
  • 30 - هوک useDataSource
  • 31 - راهکار - قلاب UseLocalStorage

۶. برنامه‌نویسی تابعی و React

  • 32 - برنامه‌نویسی تابعی چیست؟
  • 33 - اجزای بازگشتی
  • 34 - راه حل - پوشه‌های بازگشتی
  • 35 - ترکیب اجزا
  • 36 - اجزای نیمه‌کاره
  • 37 - مثال کاربرد جزئی

نتیجه‌گیری

  • 38 - مراحل بعدی در سفر React شما

پیوست

  • 39- گشتی در CoderPad

دوره های مرتبط

درباره ما

لینداکده یک بستر یادگیری پیشرو است که به افراد کمک می کند تا کسب و کار ، نرم افزار ، فناوری و مهارت‌های خلاقانه را برای دستیابی به اهداف شخصی و حرفه ای بیاموزد.

شماره تلفنکانال آپاراتپشتیبانی تلگرامکانال تلگرامپیج اینستاگرام

کلیه‌ی حقوق این سایت متعلق به لینداکده می باشد

قوانین و شرایط|حریم خصوصی

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
zarinpal
zibal