چالش تسلط به اپلیکیشن کوئیز با ریاکت - سطح تازهکار
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ساخت یک اپلیکیشن کوئیز: دانشجویان یاد میگیرند که چگونه یک اپلیکیشن کوئیز کاربردی را از ابتدا با استفاده از ریاکت توسعه دهند.
- تمرین و تسلط به مفاهیم اصلی ریاکت: مدیریت استیت، هوکها، پراپها و متدهای چرخه عمر از طریق انجام پروژه
- کار با APIهای واقعی و مدیریت دادهها: فراگیران تجربه عملی در زمینه یکپارچهسازی APIها برای مدیریت سوالات و پاسخهای کوئیز به دست خواهند آورد.
- یادگیری حل مسئله، تفکر به سبک ریاکت، تفکر برای طراحی State و رفع باگ
پیش نیازهای دوره
- مهارت اولیه در هوکهای ریاکت (useState و useEffect)
- درک کتابخانههای مدیریت استیت خوب است، اما الزامی نیست.
توضیحات دوره
یک توسعهدهنده تازهکار یا جونیور ریاکت باید روی چه مهارتهایی تمرکز کند؟
وقتی به عنوان یک توسعهدهنده ریاکت شروع به کار میکنید، به راحتی ممکن است حواستان با مفاهیم پیشرفتهای مانند الگوهای طراحی یا تکنیکهای بهینهسازی پرت شود. اما حقیقت این است: اگر هنوز به اصول اولیه مسلط نشده باشید، احتمالاً آنها را به همان سرعتی که یاد میگیرید، فراموش خواهید کرد.
وقتی یک ویدئوی آموزشی در مورد الگوهای پیشرفته ریاکت تماشا میکنید، ممکن است احساس کنید که دانش زیادی به دست میآورید. اما حقیقت این است: اینطور نیست. در واقع، ورود زودهنگام به مباحث پیشرفته به احتمال زیاد منجر به افتادن در «جهنم آموزش» و «مهندسی بیش از حد» میشود. هر دو اینها تلههایی برای توسعهدهندگان جدید هستند.
ممکن است فکر کنید در حال پیشرفت هستید، اما در واقعیت، شما فقط به شکل سطحی با آنچه واقعاً اهمیت دارد، آشنا میشوید. الگوهای پیشرفته وسوسهانگیز هستند، اما بدون درک قوی از اصول، شما را به جایی نمیرسانند. در عوض، شما را سردرگم کرده و کد شما را بیجهت پیچیده میکنند.
به عنوان یک مبتدی، اولویت شما باید تسلط به موارد ضروری باشد، قبل از اینکه نگران الگوهای پیشرفته شوید. تمرکز شما باید بر سادگی و وضوح باشد، نه پیچیدگی
اشتباه نکنید، یادگیری مهارتهای پیشرفته ارزشمند است و قطعاً در مسیر شغلی شما نقش خواهد داشت. اما به عنوان یک فرد تازهکار، تمرکز شما باید بر ساختن یک اصول قوی باشد.
به جای غرق شدن در تئوریهای پیچیده، مطمئن شوید که اصول بنیادین و اصلی ریاکت را واقعاً درک کردهاید:
- تفکر به سبک ریاکت: درک چگونگی شکستن یک رابط کاربری (UI) به کامپوننتهای مختلف
- مدیریت استیت: یادگیری چگونگی طراحی و مدیریت بهینه State در کامپوننتهای خود
- بالا بردن State: تسلط به چگونگی مدیریت State اشتراکی و انتقال دادهها بین کامپوننتها
علاوه بر این مهارتهای اصلی ریاکت، چند توانایی ضروری دیگر نیز وجود دارد:
- مهارتهای تحقیق: دانستن اینکه چگونه راهحلها را پیدا کنید و مستندات را به طور مؤثر بررسی کنید، برای هر توسعهدهندهای حیاتی است.
- رفع باگ: دیباگ کردن و حل سریع مشکلات میتواند در زمان صرفهجویی کرده و گردش کاری شما را بهبود بخشد.
- حل مسئله: توانایی تفکر و حل چالشها در حین وقوع، کلید اصلی توسعه است.
- سازگاری: فناوریهای فرانتاند به سرعت در حال تحول هستند و دانستن چگونگی سازگاری با بروزرسانیهای جدید یا ویژگیهای منسوخ شده، شما را در صدر نگه میدارد.
اینها مهارتهایی هستند که نه تنها به شما در استخدام شدن کمک میکنند، بلکه شما را به یک توسعهدهنده تواناتر و بااعتمادبهنفستر تبدیل میکنند. هنگامی که درک قوی از این موارد پیدا کردید، آماده خواهید بود تا با خیالی آسوده به سراغ مفاهیم پیشرفتهتر بروید.
شاید فکر کنید این مفاهیم ساده هستند، و در ظاهر هم همینطور است. اما کسب مهارت واقعی در این اصول بسیار سختتر از آن چیزی است که به نظر میرسد. تسلط به آنها چیزی است که توسعهدهندگان مبتدی را از توسعهدهندگان بااعتمادبهنفس ریاکت متمایز میکند.
این دوره برای چه کسانی مناسب است؟
- تازهکاران (حتی سطح جونیور) و مبتدیان: کسانی که به تازگی با ریاکت آشنا شدهاند و میخواهند ضمن تسلط به مفاهیم اصلی، پروژههای واقعی بسازند.
- علاقهمندان به توسعه فرانتاند: افرادی که به دنبال تقویت مهارتهای توسعه فرانتاند خود از طریق ساخت یک پروژه کاربردی مانند اپلیکیشن کوئیز هستند.
- افرادی که به دنبال یک موقعیت شغلی تماموقت به عنوان توسعهدهنده ریاکت در شرکتها هستند.
- خودآموزان: توسعهدهندگان یا علاقهمندانی که میخواهند مهارتهای ریاکت خود را با ساخت اپلیکیشنهای پویا و با استفاده از شیوههای توسعه مدرن بهبود بخشند.
چالش تسلط به اپلیکیشن کوئیز با ریاکت - سطح تازهکار
-
مقدمه 06:04
-
در این دوره چه چیزی خواهیم ساخت؟ 06:53
-
مرور بخشها 02:14
-
انواع داده اولیه 04:23
-
هر نوع 02:10
-
نوع Union 02:14
-
نوع آرایه - بخش 1 03:54
-
نوع آرایه - بخش 2 02:08
-
شیء 05:43
-
تابع - بخش ۱ 07:19
-
تابع - بخش ۲ 04:55
-
نوع سفارشی - بخش 1 02:31
-
نوع سفارشی - بخش 2 04:33
-
رابط کاربری (Interface) 04:04
-
نوع Generic 07:41
-
مقدمهای بر تایپاسکریپت در ریاکت 02:08
-
تمرین و آزمایش با ریاکت و تایپاسکریپت 03:50
-
ساخت کامپوننت 05:58
-
useState - بخش 1 04:23
-
useState - بخش 2 02:21
-
useState - بخش 3 07:13
-
پراپها 09:28
-
رویداد 14:11
-
راهاندازی پروژه ریاکت با Vite 02:26
-
ایجاد ساختار پوشهها برای پروژه 06:48
-
راهاندازی Router 05:54
-
Route تو در تو (طرحبندی مشترک) 08:41
-
راهاندازی کتابخانه کامپوننتهای UI (کتابخانه MUI) 12:54
-
صفحه ثبتنام (Sign up) (خواندن مستندات MUI) 18:28
-
راهاندازی کتابخانه اعتبارسنجی فرم (خواندن مستندات) 17:10
-
کتابخانه Yup برای اعتبارسنجی Schema 08:21
-
راهاندازی بکاند و MongoDB Atlas (بدون نیاز به نصب) 13:17
-
راهاندازی کلاینت Axios 13:35
-
چگونه API را به شکل مؤثر فراخوانی کنیم؟ 07:39
-
پیکربندی TanStack React Query 07:48
-
تغییر دادن دادههای سرور (با هوک useMutation) 12:53
-
ساخت یک هوک سفارشی برای React Query (جهت کاهش حجم کد) 02:44
-
[تمرین] تابع ورود 02:30
-
[راه حل] تابع ورود 04:43
-
کتابخانه React Toastify (خواندن و درک یک کتابخانه جانبی) 16:50
-
هدایت کاربر به صفحه اصلی پس از ورود موفق 03:00
-
مدیریت Access Token (ذخیره توکن JWT) 25:26
-
جداسازی پوشه ابزارها برای مدیریت ذخیرهسازی 06:45
-
Route محافظتشده (فقط کاربران وارد شده میتوانند به این مسیر دسترسی داشته باشند) 10:33
-
بهبود Route محافظتشده (سطح دسترسی کاربر و ادمین) 11:08
-
ساخت هدر 09:34
-
درک چگونگی کار با Quiz API 07:25
-
[تمرین] ساخت صفحه کوئیز 03:38
-
[تمرین] فراخوانی API برای نمایش لیست کوئیزها 03:37
-
[راه حل] فراخوانی API برای نمایش لیست کوئیزها و تعریف نوع در تایپاسکریپت 08:26
-
پیکربندی Axios Interceptor برای ضمیمه کردن Access Token به درخواستها 07:15
-
[تمرین - راه حل] آمادهسازی صفحه جزئیات کوئیز 07:23
-
[تمرین] ساخت صفحه جزئیات کوئیز (خواندن مستندات) 04:51
-
[راه حل] ساخت صفحه جزئیات کوئیز 09:56
-
بهبود UI صفحه جزئیات کوئیز 02:00
-
تفکر درباره جداسازی کامپوننتها 07:37
-
ایجاد داده سوال 09:04
-
[تمرین] نمایش سوالات - هر بار فقط یک سوال نمایش داده شود 18:20
-
[راه حل] نمایش یک سوال در هر لحظه 19:36
-
تعریف انواع 07:16
-
[تمرین] درک و ایجاد دادههای پاسخ - نمایش پاسخها 09:24
-
[راه حل] نمایش پاسخها 05:07
-
[تمرین - راه حل] پر کردن دایره سوال بر اساس سوال فعلی 04:34
-
[تمرین - راه حل] مدیریت کلیک روی دکمه سوال بعدی و قبلی 16:20
-
مدیریت پاسخ انتخابشده و آمادهسازی دادهها برای ارسال 10:36
-
مدیریت ارسال دادهها 19:25
-
[تمرین - راه حل] شمارش معکوس کوئیز 02:17
-
رفع مشکل انتخاب یک پاسخ دیگر 05:11
-
[تمرین] تغییر سوال با کلیک کردن 01:06
-
[تمرین] شرکت در کوئیز - فراخوانی API 02:55
-
[راه حل] شرکت در کوئیز 09:49
-
اضافه کردن شناسه شرکتکننده به URL 07:29
-
اضافه کردن شناسه شرکتکننده هنگام ارسال پاسخها 11:09
-
رفع و درک مشکل مربوط به پاسخ انتخابشده 09:21
-
[تمرین] نمایش امتیاز پس از اتمام کوئیز 14:39
-
[راه حل] نمایش امتیاز پس از اتمام کوئیز 20:26
-
مدیریت زمان منقضی شده کوئیز 24:41
-
نمایش پاسخ نادرست - بخش 1 13:17
-
نمایش جواب نادرست - بخش 2 15:47
-
[تمرین] نمایش پاسخ نادرست - انتخاب مجدد پاسخ صحیح - بخش 3 05:26
-
[راه حل] نمایش پاسخ نادرست - انتخاب مجدد پاسخ صحیح - بخش 3 08:15
-
نمایش پاسخ نادرست - نمایش آیکون - بخش 4 17:38
-
نمایش پاسخ نادرست - نمایش آیکون فقط در صورت نادرست بودن پاسخ - بخش 5 05:41
-
جمعبندی نهایی صفحه جزئیات کوئیز 01:42
-
راهاندازی صفحه داشبورد ادمین 15:22
-
تعریف Routeهای ادمین 04:18
-
[تمرین] ساخت صفحه مدیریت کوئیزها 01:40
-
[راه حل] ساخت صفحه مدیریت کوئیزها و افزودن جدول MUI Data Grid 06:13
-
[تمرین - راه حل] نمایش لیست کوئیزها در جدول MUI Data Grid 14:25
-
اضافه کردن ستون عملیات در جدول MUI Data Grid (تفکر درباره چگونگی تحقیق کردن) 12:51
-
[تمرین] ساخت کوئیز جدید 10:30
-
[راه حل] ساخت کوئیز جدید 18:14
-
درک مفهوم Invalidate کردن دادهها 07:19
-
[تمرین] بایندینگ داده 20:28
-
[تمرین - راه حل] بهروزرسانی داده 18:32
-
[تمرین] تغییر حالت بین افزودن/بروزرسانی 05:56
-
[تمرین - راه حل] نمایش مودال حذف 13:40
-
حذف داده 12:22
-
آمادهسازی صفحه سوال 10:17
-
مدیریت سوالات و پاسخها، تفکر و طراحی State 04:03
-
[راه حل] ساخت صفحه سوالات 02:42
-
[تمرین - راه حل] تفکر و طراحی یک State برای سوال 24:09
-
حذف فیلد متنی پاسخ 10:50
-
ایجاد سوال - فراخوانی API 18:25
-
ایجاد پاسخ برای سوال - فراخوانی API - بخش 1 14:57
-
ایجاد پاسخ برای سوال - غیرفعال کردن پس از موفقیت - بخش 2 07:25
-
[تمرین - راه حل] اضافه کردن دکمه رادیویی به پاسخ 04:59
مشخصات آموزش
چالش تسلط به اپلیکیشن کوئیز با ریاکت - سطح تازهکار
- تاریخ به روز رسانی: 1404/09/07
- سطح دوره:همه سطوح
- تعداد درس:107
- مدت زمان :16:56:56
- حجم :7.93GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy