آموزش یادگیری و درک D3.js برای تجسم داده ها

Learn and Understand D3.js for Data Visualization

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: در زیر کاپوت D3.js شیرجه بزنید. مفاهیم اصلی را بیاموزید و با استفاده از D3 نسخه 7 تجسم های خیره کننده داده بسازید با استفاده از D3 و SVG تجسم های خیره کننده داده ایجاد کنید درک انتخاب ها برای دستکاری DOM با استفاده از D3 درباره چیدمان ها برای ساختن نمودارها و نمودارهای مختلف برای تجربه کاربری جالب تر، انتقال ها و انیمیشن ها را به نمودارهای خود اضافه کنید. از مقیاس‌ها برای کمک به کارکرد تصاویر خود در هر مرورگر یا دستگاهی استفاده کنید. درک حالت‌های enter و exist در D3 ایجاد نمودارها و نمودارهای واکنش‌گرا پیش نیازها: داشتن درک اولیه از HTML، CSS و جاوا اسکریپت یک ویرایشگر متن انتخابی شما دانش SVG مفید است، اما لازم نیست.

*** این دوره برای استفاده از آخرین نسخه D3 - نسخه 7.x **** به روز شده است

سلام! به دوره توسعه D3.js خوش آمدید. این جامع ترین و موثرترین دوره آموزشی در مورد D3 است. این تنها دوره ای است که برای یادگیری D3 به آن نیاز دارید.

هدف این دوره نه فقط آموزش D3 (v7.x) بلکه کمک به درک D3 است. D3 یک کتابخانه جاوا اسکریپت است که به شما این امکان را می دهد که به راحتی تصاویری از داده ها بسازید. این کتابخانه کاملاً عظیم است و شما می توانید هر نوع تجسم داده ای را که تصور کنید ایجاد کنید. با چنین کتابخانه عظیمی، درک بسیاری از مفاهیم می تواند دشوار باشد.

در پایان این دوره، با استفاده از D3 راحت تر خواهید بود و تجسم های فوق العاده ای خواهید ساخت. در اینجا فقط برخی از چیزهایی است که می توانید انتظار یادگیری داشته باشید.

  • درباره انتخاب‌های D3 که برای انتخاب و دستکاری عناصر روی سند شما استفاده می‌شوند، بیاموزید.

  • یک نمای کلی از SVG دریافت کنید. این چیزی است که دوره ها از آن صرف نظر می کنند. با داشتن پایه ای محکم از SVG، می توانید تصمیمات بهینه تری برای تجسم های خود بگیرید.

  • در مورد مقیاس هایی که با تبدیل داده های خود به مقادیری که می توانند برای نمایش صحیح داده های شما استفاده شوند، به شما کمک می کنند، بیاموزید. در این دوره با مقیاس های خطی، کمی، کمیت، آستانه، ورود به سیستم، رنگ و بسیاری از مقیاس های دیگر آشنا خواهیم شد.

  • نمودارهای مختلفی مانند نمودارهای میله ای، نمودارهای دایره ای، نمودارهای پراکندگی، هیستوگرام ها، نمودارهای خطی و موارد دیگر را می سازد!

  • تعامل و انیمیشن را به نمودارهای خود اضافه کنید تا آنها را برای کاربر جذاب تر و جذاب تر کنید.

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

  • این دوره بر آخرین نسخه D3 تمرکز دارد. (نسخه 7.x)

این تنها برخی از موضوعاتی است که پوشش داده خواهد شد. اگر می‌خواهید در یک دوره آموزشی شرکت کنید تا همه چیزهایی را که برای موفقیت در برنامه‌نویس D3 باید بدانید، این دوره را بگذرانید.



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

بررسی اجمالی Overview

  • بررسی اجمالی Overview

  • آماده سازی یک سرور محلی Preparing a Local Server

  • درک D3 و تجسم داده ها Understanding D3 & Data Visualization

درک SVG Understanding SVG

  • SVG چیست؟ What is SVG?

  • ایجاد تصاویر SVG Creating SVG images

  • اشکال اولیه SVG Basic SVG Shapes

  • مسیرهای SVG SVG Paths

مبانی Fundamentals

  • افزودن D3 Adding D3

  • بسته های D3 D3 Packages

  • انتخاب ها Selections

  • الحاق عناصر Appending Elements

  • روش های تبدیل Transformation Methods

  • کلاس ها و سبک ها Classes and Styles

  • پیوستن به داده ها Joining Data

  • انتخاب را وارد کنید The Enter Selection

  • انتخاب خروج The Exit Selection

  • نمایش داده ها Displaying Data

  • وارد شوید، به‌روزرسانی کنید و خارج شوید Enter, Update, and Exit

  • الگوی به روز رسانی The Update Pattern

  • درخواست های JSON JSON Requests

  • درخواست های CSV CSV Requests

ترسیم یک طرح پراکنده Drawing A Scatterplot

  • مراحل اول First Steps

  • ترسیم تصویر Drawing the Image

  • اضافه کردن حاشیه ها Adding Margins

  • توابع دسترسی Accessor Functions

  • درک مقیاس ها Understanding Scales

  • مقیاس های نوشتن Writing Scales

  • استفاده از مقیاس ها در تجسم ها Applying Scales to Visualizations

  • ترازو پالایش Refining Scales

  • اضافه کردن یک محور Adding an Axis

  • پالایش محور x Refining the x-axis

  • محور y The y-axis

  • چرخاندن محور y Flipping the y-axis

  • پالایش کنه های محور Refining the Axis Ticks

  • خلاصه Summary

ترازو Scales

  • پیوسته در مقابل گسسته Continuous vs. Discrete

  • مقیاس ()scaleLinear The scaleLinear() scale

  • مقدمه ای بر نقشه های حرارتی Introduction to Heatmaps

  • ترسیم نقشه حرارتی Drawing the Heatmap

  • رنگ ها با مقیاس خطی Colors with a Linear Scale

  • مقیاس ()scaleQuantize The scaleQuantize() Scale

  • مقیاس ()scaleQuantile The scaleQuantile() Scale

  • مقیاس ()scaleThreshold The scaleThreshold() Scale

  • Quantize در مقابل Quantile در مقابل Thresholdv Quantize vs. Quantile vs. Thresholdv

  • مقیاس های رنگی Color Scales

  • درک مقیاس ورود به سیستم Understanding the Log Scale

  • مقیاس scaleLog(). The scaleLog() Scale

  • خلاصه Summary

انیمیشن ها و تعامل Animations & Interactivity

  • مقدمه ای بر انیمیشن و تعامل Introduction to Animations & Interactivity

  • هیستوگرام چیست؟ What is a histogram?

  • آماده سازی هیستوگرام Preparing the Histogram

  • درک مسئله Understanding the Problem

  • ایجاد سطل ها Creating Bins

  • لمس پایانی هیستوگرام Histogram Finishing Touches

  • تغییر معیارها با رویدادها Changing Metrics with Events

  • به روز رسانی نمودار Updating the Chart

  • انتقال ها Transitions

  • درک مسئله Understanding the Problem

  • درک مسئله Understanding the Problem

  • رفع انتقال Fixing the Transition

  • رفع خروج خروج Fixing the Exit Transition

  • بهینه سازی نوارها و برچسب ها Tweaking the Bars and Labels

  • اضافه کردن میانگین Adding the Mean

  • افزودن یک راهنمای ابزار Adding a Tooltip

  • رویدادهای ماوس Mouse Events

  • قالب بندی Formatting

  • درک نمودار ورونوی Understanding the Voronoi Diagram

  • ایجاد نمودار ورونوی Creating a Voronoi Diagram

  • اصلاح نمودار ورونوی Fixing the Voronoi Diagram

نمودارهای حتی بیشتر! Even More Charts!

  • نمودارهای حتی بیشتر Even More Charts

  • تهیه نمودار خطی Preparing the Line Chart

  • مقیاس های زمانی و تجزیه Time Scales & Parsing

  • ژنراتور خط Line Generator

  • اضافه کردن یک محور Adding an Axis

  • آماده کردن راهنمای ابزار Preparing the Tooltip

  • درک نیمسازها Understanding Bisectors

  • نیمسازهای سفارشی Custom Bisectors

  • در حال اتمام Tooltip Finishing the Tooltip

  • شروع کار با نمودارهای پای Getting Started with Pie Charts

  • طراحی کمان Drawing Arcs

  • درک مقیاس های ترتیبی Understanding Ordinal Scales

  • استفاده از مقیاس های ترتیبی Using Ordinal Scales

  • افزودن برچسب ها Adding Labels

  • اصلاح نمودار پای Fixing the Pie Chart

  • آماده سازی نمودار میله ای پشته ای Preparing the Stacked Bar Chart

  • تابع پشته The Stack Function

  • ترازو باند Band Scales

  • ترسیم میله های انباشته Drawing the Stacked Bars

  • ترسیم محور Drawing the Axis

  • پایان لمس Finishing Touches

نتیجه Conclusion

  • طراحی Sketching

  • نمودارهای پاسخگو Responsive Charts

  • نتیجه Conclusion

نمایش نظرات

Udemy (یودمی)

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

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

آموزش یادگیری و درک D3.js برای تجسم داده ها
جزییات دوره
9 hours
92
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
9,882
4.6 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Luis Ramirez Jr Luis Ramirez Jr

مدرس مهندس نرم افزار Frontend