در React نمودار بسازید

Build Charts in React

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: آموزش ساخت نمودار در React Line Charts: Characteristics، Use Case و پیاده سازی در React با استفاده از کتابخانه Recharts نمودار نواری: ویژگی ها، موارد استفاده و پیاده سازی در React با استفاده از کتابخانه Recharts نمودارهای منطقه: نمودارهای خطی: ویژگی ها، موارد استفاده و پیاده سازی در عکس العمل با استفاده از کتابخانه Recharts نمودارهای ناحیه پشته ای: نمودارهای خطی: ویژگی ها، موارد استفاده و پیاده سازی در React با استفاده از کتابخانه Recharts نمودارهای دایره ای: نمودارهای خطی: ویژگی ها، موارد استفاده و پیاده سازی در React با استفاده از کتابخانه Recharts Heatmaps: نمودارهای خطی: ویژگی ها، استفاده موارد و پیاده سازی در React با استفاده از کتابخانه LeafletJs پیش نیازها: دانش کاری React

آیا به دنبال تسلط بر تجسم داده ها در React هستید؟ در این دوره جامع Udemy، نحوه ساخت انواع نمودارها با استفاده از Recharts و کتابخانه های بروشور محبوب را یاد خواهید گرفت و برنامه های React خود را تعاملی تر و از نظر بصری جذاب تر می کند. چه در ترسیم نمودار تازه کار باشید و چه می خواهید مهارت های خود را عمیق تر کنید، این دوره تمام نمودارهای ضروری مورد نیاز برای تجسم داده های پیچیده را به روشی ساده و قابل هضم پوشش می دهد.


آنچه خواهید آموخت:

این دوره یک رویکرد عملی با مثال‌های واقعی و یک مخزن کد ارائه می‌دهد تا شما آن را دنبال کنید. نحوه ایجاد شش نوع نمودار ضروری را بررسی خواهید کرد که هر کدام هدف منحصر به فردی را در نمایش داده ها انجام می دهند:

  • نمودارهای خطی – نحوه نمایش روندهای داده در طول زمان را بیاموزید.

  • نمودارهای نواری - داده ها را در بین دسته ها با نوارهای افقی یا عمودی تجسم و مقایسه کنید.

  • نمودار دایره ای - نشان می دهد که چگونه دسته های مختلف با استفاده از بخش های رنگارنگ به کل کمک می کنند.

  • نمودارهای منطقه - نشان دهنده داده های انباشته در طول زمان است، که بزرگی تغییر را برجسته می کند.

  • نمودارهای منطقه انباشته – برای مشاهده جامعی از مقدار کل، مجموعه داده های متعددی را که روی هم چیده شده اند، مقایسه کنید.

  • Heatmaps - الگوها و تغییرات در مجموعه داده های بزرگ را تجزیه و تحلیل و تجسم کنید، که برای نمایش توزیع و شدت رویداد عالی است.

قالب دوره:

هر بخش از دوره با توضیحات واضح و مثال‌های کدی که از یک الگوی یادگیری ثابت پیروی می‌کنند ساختار یافته است:

  • مقدمه‌ای بر نوع نمودار: ما با یک نمای کلی در سطح بالا از هر نمودار شروع می‌کنیم و توضیح می‌دهیم که چه زمانی و چرا از آن استفاده کنیم.

  • ویژگی های کلیدی: ویژگی های تعیین کننده هر نوع نمودار و آنچه آنها را برای موارد استفاده خاص مناسب می کند را بررسی کنید.

  • موارد استفاده متداول: بیاموزید که چگونه این نمودارها برای سناریوهای دنیای واقعی مانند ردیابی فروش، تجزیه و تحلیل وب سایت، گزارش مالی و موارد دیگر اعمال می شوند.

  • ساختار و راه‌اندازی داده: فرمت داده‌های مورد نیاز برای ایجاد هر نمودار با استفاده از نمودارهای مجدد، با نمونه‌های داده ساده و آسان را درک کنید.

  • مرور کد: دستورالعمل‌های گام به گام را دنبال کنید تا هر نوع نمودار را از ابتدا بسازید، با نمونه‌های کد، نکات استایل‌سازی و گزینه‌های سفارشی‌سازی کامل کنید.

چرا این دوره؟

در پایان این دوره، نمودارهای بسیار متنوعی خواهید ساخت که به شما این امکان را می دهد:

- نمودارهای بصری خیره کننده ای ایجاد کنید که پاسخگو، تعاملی و به راحتی سفارشی شوند.

- از نمودارها برای ارتباط بهتر مجموعه داده ها و روندهای پیچیده با کاربران خود استفاده کنید.

- با کمترین تلاش، تجسم‌های صیقلی و حرفه‌ای را به برنامه‌های React خود اضافه کنید.


چه در حال ساخت داشبورد، گزارش، یا برنامه‌های مبتنی بر داده تعاملی باشید، این دوره مهارت‌هایی را به شما می‌دهد که برای تسلط بر تجسم داده‌ها با React، Recharts و LeafletJs نیاز دارید.


امروز به من بپیوندید و پروژه های React خود را با ساختن نمودارهای زیبا و کاربردی که داده ها را زنده می کنند، ارتقا دهید!


سرفصل ها و درس ها

آماده شوید Get Ready

  • در مخزن کد نسخه ی نمایشی قدم بزنید Walk through demo code repository

کتابخانه ها Libraries

  • Leaflet و React-Leaflet Libraries Leaflet and React-Leaflet Libraries

  • نمودارهای مجدد Recharts

نمودار خطی Line Chart

  • مقدمه Introduction

  • نمای کلی Overview

  • موارد استفاده Use Cases

  • ساختار داده Data Structure

  • ارائه نمودار خطی Rendering a Line Chart

نمودارهای مساحت و مساحت انباشته Area and Stacked Area Charts

  • مقدمه Introduction

  • نمای کلی نمودار منطقه Area Chart Overview

  • نمای کلی نمودار منطقه انباشته Stacked Area Chart Overview

  • موارد استفاده Use Cases

  • ساختار داده Data Structure

  • ارائه نمودار مساحتی Rendering an Area Chart

  • ارائه نمودار مساحت انباشته شده Rendering a Stacked Area Chart

نمودار میله ای Bar Chart

  • مقدمه Introduction

  • نمای کلی Overview

  • موارد استفاده Use Cases

  • ساختار داده Data Structure

  • ارائه نمودار میله ای Rendering a Bar Chart

نمودار دایره ای Pie Chart

  • مقدمه Introduction

  • نمای کلی Overview

  • موارد استفاده Use Cases

  • ساختار داده Data Structure

  • ارائه نمودار دایره ای Rendering a Pie Chart

نقشه حرارتی Heatmap

  • مقدمه Introduction

  • نمای کلی Overview

  • ساختار داده Data Structure

  • رندر کردن نقشه Rendering a Map

  • رندر کردن یک لایه حرارتی Rendering a heat layer

نمایش نظرات

Udemy (یودمی)

یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.

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

در React نمودار بسازید
جزییات دوره
38 mins
30
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
1,001
از 5
ندارد
دارد
دارد
Gru Singh
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Gru Singh Gru Singh

مهندس ارشد Frontend