قیمت این دوره: 400,000 تومان
  • مدرس دوره : رضا پور
  • تعداد ویدیوها : 5 ویدیو
  • مدت زمان دوره : 0:50:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : در حال برگزاری
  • تاریخ آخرین بروزرسانی : 1404/10/11
ثبتـــ نام در این دوره ثبت نام در دوره
ساخت وب اپلیکیشن نمایش لحظه ای ارز های دیجیتال

ساخت وب اپلیکیشن نمایش لحظه ای ارز های دیجیتال

در این دوره آموزشی پروژه‌محور، قدم‌به‌قدم یاد می‌گیرید که چگونه با استفاده از جدیدترین نسخه Tailwind CSS (نسخه ۴) و کتابخانه قدرتمند React، یک اپلیکیشن مدرن و واکنش‌گرا برای نمایش قیمت لحظه‌ای ارزهای دیجیتال بسازید. ما در این مسیر بدون درگیر شدن با پیچیدگی‌های غیرضروری، تنها با استفاده از هوک‌های اصلی (مثل useState و useEffect)، یک پروژه واقعی و پرتکرار در بازار کار را از صفر تا صد پیاده‌سازی می‌کنیم.

ویژگی‌ها و قابلیت‌هایی که در این دوره پیاده‌سازی می‌کنیم:

🌐 ارتباط با API واقعی: دریافت و نمایش داده‌های زنده از صرافی CoinGecko به همراه مدیریت کلید API.

🎨 طراحی مدرن با Tailwind v4: پیاده‌سازی رابط کاربری زیبا و ریسپانسیو با جدیدترین امکانات تیلویند.

📊 رسم نمودار قیمت: نمایش نمودار تغییرات قیمت در ۷ روز گذشته داخل مودال (Modal) با استفاده از کتابخانه Recharts.

🔍 جستجوی پیشرفته: قابلیت فیلتر کردن لحظه‌ای لیست ارزها بر اساس نام.

📄 صفحه‌بندی (Pagination): مدیریت نمایش تعداد زیاد داده‌ها و جابجایی بین صفحات.

مدیریت وضعیت‌های انتظار: استفاده از اسپینرهای حرفه‌ای (React Spinners) برای نمایش لودینگ لیست و نمودارها.

📈 نمایش ترند بازار: تفکیک رنگی تغییرات مثبت (سبز) و منفی (قرمز) قیمت‌ها.

 

 



پیش نیاز های دوره :

  1. ری اکت و تیلویند

فهرستـــ ویدیوها

مدت زمان دوره 0:50:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • دموی پروژه

00:03:00

نمایی از پروژه ای که در طول دوره خواهیم زد

2
  • نصب ری اکت و تیلویند ۴

00:07:00

در این جلسه ری اکت و تیلویند نسخه ۴ رو برای پروژه خودمون نصب میکنیم

3
  • پیاده سازی هدر و نصب و استفاده از پکیج react icons

00:17:00

در این جلسه هدر رو طبق طرح پیاده سازی میکنیم و برای استفاده از آیکون از پکیج react icons استفاده میکنیم

4
  • ساخت کامپوننت های مورد نیاز

00:11:00

در این جلسه کامپوننت هایی که در پروژه نیاز داریم رو میسازیم

5
  • بررسی Api ارز دیجیتال

00:12:00

به بررسی api ارز دیجیتال پرداختیم و نحوه استفاده از اون رو گفتم


نظرات کاربران در رابطه با این دوره

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .