مسیر ساخت رابط کاربری

آموزش React React

از JavaScript تا ساخت رابط‌های کامپوننت‌محور

React کتابخانه‌ای برای ساخت رابط کاربری با کامپوننت‌ها است. برای یادگیری مؤثر، ابتدا باید JavaScript را در سطح قابل قبول بلد باشید و بعد state، props، فرم‌ها و ارتباط با API را در پروژه تمرین کنید.

✓ مسیر مرحله‌به‌مرحله ✓ پروژه‌های تمرینی ✓ مناسب برای خودآموزی

نقشه راه

از یادگیری تا اجرا

R
01

مفاهیم پایه React

02

State و فرم‌ها

03

API و مسیریابی

04

بهینه‌سازی و پروژه

هر مرحله را با تمرین عملی تکمیل کنید و سپس به مرحله بعد بروید.

◎

این مسیر برای چه کسانی است؟

  • •توسعه‌دهندگان فرانت‌اند و علاقه‌مندان رابط کاربری.
  • •افرادی که می‌خواهند پنل‌های مدیریتی یا برنامه‌های تک‌صفحه‌ای بسازند.
  • •برنامه‌نویسانی که با APIهای بک‌اند کار می‌کنند.
⌁

پیش‌نیازها

  • •HTML و CSS در سطح کاربردی.
  • •JavaScript شامل توابع، آرایه‌ها، اشیا و async/await.
  • •آشنایی مقدماتی با npm و ترمینال مفید است.
↗

در پایان چه چیزی یاد می‌گیرید؟

  • ✓ساخت کامپوننت و انتقال داده با props.
  • ✓مدیریت state، رویدادها و فرم‌ها.
  • ✓دریافت داده از API و مدیریت حالت بارگذاری و خطا.
  • ✓ساختاردهی پروژه و انتخاب ابزارهای مسیریابی و مدیریت داده.

نقشه راه پیشنهادی

چه مراحلی را طی کنید؟

این ترتیب کمک می‌کند مفاهیم را روی هم بسازید؛ سرعت پیشرفت به میزان تمرین و پیش‌زمینه شما بستگی دارد.

01

مفاهیم پایه React

JSX، کامپوننت‌ها، props، رویدادها و رندر شرطی را تمرین کنید.

02

State و فرم‌ها

useState، مدیریت ورودی‌ها، فهرست‌ها و اعتبارسنجی فرم را یاد بگیرید.

03

API و مسیریابی

درخواست‌های async، loading/error، مسیریابی و اشتراک‌گذاری داده را پیاده کنید.

04

بهینه‌سازی و پروژه

کامپوننت‌های قابل استفاده مجدد، مدیریت خطا، تست پایه و build نهایی را تمرین کنید.

یادگیری عملی

با چه پروژه‌هایی تمرین کنید؟

هر مبحث را با یک خروجی واقعی تثبیت کنید. لازم نیست از ابتدا پروژه‌ای بزرگ بسازید؛ نسخه ساده را کامل کنید و بعد قابلیت‌های بیشتری اضافه کنید.

1

داشبورد محصولات متصل به API

2

مدیریت کارها با فیلتر و جست‌وجو

3

فرم ثبت‌نام چندمرحله‌ای

پرسش‌های متداول

پیش از شروع بدانید

آیا می‌توان React را بدون JavaScript یاد گرفت؟ +

یادگیری React بدون مبانی JavaScript دشوار است؛ ابتدا توابع، آرایه‌ها، اشیا و async/await را تمرین کنید.

برای شروع React باید TypeScript بلد باشم؟ +

خیر، می‌توانید ابتدا با JavaScript شروع کنید و سپس TypeScript را برای افزایش اطمینان نوعی بیاموزید.

چه چیزی را در پایان مسیر بسازم؟ +

یک رابط کامل متصل به API که فرم، وضعیت بارگذاری، پیام خطا، فیلتر و مسیریابی داشته باشد.

قدم بعدی

یادگیری را با یک پروژه شروع کنید

موضوع‌ها را به ترتیب جلو ببرید، هر مرحله را تمرین کنید و برای عمیق‌تر شدن سراغ دوره‌های مرتبط بروید.

مشاهده آموزش‌ها