سرفصل های دوره
فصل اول: آشنایی با دوره
ریکت چیست و چرا باید ریکت یاد بگیریم؟
چطور از دوره بهترین استفاده را ببریم؟ + فایل ها و تمرین ها
اولین نگاه به یک پروژه React
فصل دوم: مقدمات ریکت، آشنایی با کامپوننت، jsx و state
ساخت یک پروژه جدید ریکت با vite
آشنایی با کامپوننت ها در ریکت (React Components)
ساخت اولین کامپوننت در ریکت
آشنایی با JSX
آشنایی با مقادیر ثابت و dynamic در JSX
ساخت کامپوننت های reusable با استفاده از props
children prop in component
تمرین بیشتر با کامپوننت ها
تمرین تبدیل layout به component
ساخت کامپوننت برای stat و teams
outputting list data dynamically in jsx
انعطاف پذیری بیشتردر کامپوننت ها با props
آشنایی با Event ها در ریکت
ارسال function به عنوان value به props
ارسال پارامتر به Event ها
ریکت چگونه کامپوننت ها را Render میکند؟
آشنایی با State در ریکت با هوک useState
نمایش tab ها به صورت دینامیک با استفاده از state
set active class for selected tab
فصل سوم: آشنایی عمیق تر با React
پیاده سازی کامپوننت Tasks
تغییر وضعیت Completed در task ها
نکته مهم: نحوه صحیح تغییر مقدار State در صورت وابستگی به مقدار قبلی
کار با input ها و Two way binding در ریکت
راه اندازی پروژه Task List
Lifting States Up
تکنه مهم: اهمیت immutable بودن state ها در ریکت
نمایش آمار مربوط به Task ها
نکته مهم: کاهش تعداد State و استفاده از Computed Value
پاک کردن Task ها
پیاده سازی بخش فیلترها
فصل چهارم: آشنایی با React Context Api
توضیحات
ریکت چیست؟
ریکت یکی از محبوبترین و پرکاربردترین کتابخانههای جاوااسکریپت برای ساخت رابطهای کاربری مدرن است. هر آنچه امروز در وبهای حرفهای، پنلهای قدرتمند، داشبوردهای شرکتی، فروشگاههای بزرگ، اپلیکیشنهای تکصفحهای و حتی برخی اپلیکیشنهای موبایل میبینید، به احتمال بسیار زیاد با React ساخته شده است.
ریکت توسط شرکت متا (فیسبوک سابق) توسعه داده شد و در سالهای اخیر به استاندارد اصلی فرانتاند تبدیل شده است. سرعت بالا، انعطافپذیری فوقالعاده، جامعه کاربری عظیم و ابزارهای بسیار قدرتمند باعث شده ریکت نهتنها در ایران بلکه در تمام دنیا انتخاب اول شرکتها برای توسعه فرانتاند باشد.
چرا باید ریکت را یاد بگیرید؟
1- فرصتهای شغلی بسیار بزرگ و واقعی: تقریباً تمام شرکتها، استارتاپها و پروژههای جدی در ایران به دنبال متخصص ریکت هستند. اگر به آگهیهای شغلی نگاهی بیندازید، میبینید که «React Developer» یکی از پرتقاضاترین و پردرآمدترین موقعیتهای بازار کار است. با یادگیری ریکت در سطح حرفهای، شما دقیقا همان مهارتی را یاد میگیرید که شرکتها بهشدت به آن نیاز دارند و این یعنی فرصتهای استخدامی بسیار زیاد، چه در ایران و چه در پروژههای بینالمللی.
2- ریکت فقط یک کتابخانه نیست. یک اکوسیستم عظیم است که شامل ابزارها، کتابخانهها و فریمورکهای مختلفی میشود:
React Router برای مدیریت صفحات
Redux و Zustand برای مدیریت وضعیت
Next.js برای ساخت پروژههای فوقحرفهای و SSR
Tailwind برای طراحی سریع
Vite برای توسعه سریع و سبک
هر آنچه برای ساخت یک محصول واقعی نیاز دارید، دقیقاً در همین اکوسیستم قرار دارد. جامعه کاربری ریکت بهقدری بزرگ است که برای هر مشکلی، راهحلها و تجربههای واقعی فراوانی وجود دارد.
3- از وب تا موبایل بدون محدودیت: با یادگیری ریکت، فقط یک کتابخانه فرانتاند یاد نمیگیرید، بلکه دروازه ورود شما به دنیای توسعه حرفهای باز میشود:
ساخت وبسایتهای مدرن
ساخت پنلهای مدیریت پیشرفته
طراحی UI برای پروژههای بزرگ
ساخت اپلیکیشن موبایل با React Native
توسعه پروژههای SSR و SEO-Friendly با Next.js
این یعنی با یک مهارت، میتوانید در چند حوزه مختلف کار کنید و بازار کار بسیار گستردهای پیش روی شما قرار میگیرد.
آیا دوره دیگری هم نیاز دارم؟
به هیچ وجه. سرفصلها، تمرینها و پروژههای دوره بهگونهای طراحی شدهاند که شما پس از اتمام دوره، به هیچ منبع یا دوره دیگری برای یادگیری ریکت یا ابزارهای اصلی اکوسیستم آن احتیاج نخواهید داشت.همه چیز از صفر تا سطح بازارکار، استاندارد، پروژهمحور و عملی آموزش داده میشود.
این دوره برای چه کسانی مناسب است؟
این دوره دقیقاً برای کسانی طراحی شده که میخواهند بدون دغدغه، مسیر یادگیری ریکت را از صفر واقعی آغاز کنند و تا سطح یک متخصص بازارکار ادامه دهند—بدون اینکه مجبور باشند دورههای پراکنده یا ناقص دیگر تهیه کنند.مهم نیست تازهکار هستید یا قبلاً با ریکت کار کردهاید ولی اصولی و استاندارد پیش نرفتهاید؛ این دوره بهترین نقطه شروع و بهترین مسیر برای حرفهای شدن است. آشنایی اولیه با جاوااسکریپت برای یادگیری ریکت لازم است
پشتیبانی دوره به چه صورت است؟
پشتیبانی این دوره هیچ محدودیت زمانی و مکانی ندارد و از زمان تهیه دوره، پشتیبانی منحصر به فرد آن به صورت دائم در دسترس شما خواهد بود. شما میتوانید تمام سوالات خود را در گروه تلگرامی مختص این دوره مطرح کنید و تمام این سوالات مستقیما توسط مدرس دوره (سیروان منفرد) پاسخ داده خواهد شد. مشاوره های استخدامی، سوالات مربوط به نقشه راه یادگیری، رزومه سازی، شخصی سازی برنامه آموزشی و … همگی در پشتیبانی این دوره قابل دسترس هستند.
وجه تمایز این دوره جاواسکریپت با یقیه دوره ها چیست؟
1- پروژهمحور بودن کامل دوره
در این دوره همهچیز در قالب مینیپروژهها، تمرینهای عملی و پروژههای واقعی آموزش داده میشود تا نهتنها موضوعات را یاد بگیرید، بلکه بتوانید واقعاً در پروژهها از آنها استفاده کنید.
این روش یادگیری باعث میشود بعد از دوره، هم مفاهیم را عمیقاً بفهمید و هم آمادگی کامل برای ورود به بازارکار داشته باشید.
2- یادگیری اصولی، استاندارد و مطابق نیاز بازار
تمامی مباحث دوره بر اساس استانداردهای بهروز ریکت، بهترین Practices و نیاز واقعی شرکتها ارائه شده است.
دانشجوی این دوره شدن یعنی یادگیری عمیق، صحیح و کاربردی.
3- پشتیبانی مادامالعمر و ارتباط مستقیم با مدرس
در تمام مسیر یادگیری تنها نیستید. هر سوال، مشکل یا سردرگمی داشته باشید، مستقیماً توسط مدرس بررسی و پاسخ داده میشود. این مزیت بزرگی است که در کمترین دورهای پیدا میشود.
همین امروز شروع کن
اگر هدفتان تبدیل شدن به یک ریکت دولوپر حرفهای و ورود به پروژههای واقعی و بازارکار است، این دوره بهترین نقطه شروع و بهترین مسیر برای شماست. مسیر حرفهای ریکت، شما را از صفر مطلق تا سطحی میرساند که بتوانید با اعتمادبهنفس وارد بازارکار شوید و در مسیر شغلیتان پیشرفت کنید.