آموزش استاد D3.js با مفاهیم و بیش از ۲۵ پروژه | تقریباً ۴۳ ساعت - آخرین آپدیت

دانلود Master D3.js with Concepts & 25+ Projects | ~43 Hours

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

دوره جامع یادگیری D3.js: از مبتدی تا پیشرفته و ساخت نمودارهای تعاملی داده

با این دوره جامع، D3.js را عمیقاً بیاموزید و توانایی ساخت تصورات داده بصری تعاملی را کسب کنید.

یادگیری D3.js: درک عمیق و ساخت ویژوال‌سازی‌های داده

با اصول و عملکرد D3.js آشنا شوید

D3.js یک کتابخانه قدرتمند ویژوال‌سازی داده برای مرورگر وب است. درک اصول اولیه و نحوه کارکرد این کتابخانه، گامی اساسی در مسیر یادگیری آن است.

آموزش SVG برای ساخت نمودارها و گراف‌های D3.js

از مبانی SVG (گرافیک برداری مقیاس‌پذیر) شروع کنید، که بخش اصلی و حیاتی در ایجاد نمودارها و گراف‌های مبتنی بر D3.js محسوب می‌شود. D3.js از عناصر SVG برای نمایش بصری داده‌ها در مرورگر استفاده می‌کند.

گستره وسیعی از نمودارها و گراف‌های D3.js

با انواع نمودارها و گراف‌های مختلف آشنا شوید و آن‌ها را با D3.js بسازید، از جمله:

  • نمودار میله‌ای عمودی
  • نمودار میله‌ای افقی
  • نمودار حبابی
  • نمودار ستونی انباشته
  • نمودار ستونی گروه‌بندی شده
  • نمودار پراکندگی
  • نمودار خطی
  • نمودار ناحیه‌ای
  • نمودار شعاعی
  • نمودار دایره‌ای (پای چارت)
  • نمودار دونات

کار با اشیاء D3.js برای درک عمیق‌تر کتابخانه

با استفاده از اشیاء D3.js، درک خود را از این کتابخانه غنی‌تر کنید و توانایی‌های آن را به کار گیرید.

آموزش 12 ماژول اصلی D3.js برای ساخت انواع نمودار

12 ماژول کلیدی D3.js را بیاموزید که به شما امکان ساخت اکثر انواع نمودارها و گراف‌ها را می‌دهد.

یادگیری بیش از 100 متد (تابع) در 12 ماژول D3.js

بیش از 100 تابع مختلف از 12 ماژول مجزا (که به عنوان کتابخانه‌های کوچک نیز شناخته می‌شوند) را فرا بگیرید.

ساخت بیش از 25 پروژه با 22 پروژه منحصربه‌فرد D3.js

با انجام بیش از 25 پروژه عملی، شامل 22 پروژه کاملاً جدید و تکرارنشده، مهارت‌های خود را محک بزنید.

یادگیری فرآیند ایده‌پردازی و ساخت نمودار با پروژه‌ها

نحوه ایده‌پردازی و اجرای فرآیند ساخت نمودارها را از طریق پروژه‌های عملی بیاموزید.

کار با داده‌های دنیای واقعی در پروژه‌های D3.js

در طول انجام پروژه‌ها، با داده‌های واقعی کار کنید و تجربه عملی کسب نمایید.

افزودن تعامل و انیمیشن به نمودارهای D3.js

یاد بگیرید چگونه تعامل‌پذیری و انیمیشن‌های پویا را به نمودارها و گراف‌های خود اضافه کنید.

آمادگی برای چالش‌های بزرگ در ویژوال‌سازی داده

خود را برای پذیرش چالش‌های بزرگ شخصی یا حرفه‌ای در زمینه ویژوال‌سازی داده آماده سازید.

تقویت موقعیت شغلی در حوزه تحلیل داده

جایگاه خود را به عنوان یک متخصص ویژوال‌سازی داده در حوزه‌های تحلیل، مشاوره، علم داده و هوش تجاری تقویت کنید.

پیش‌نیازهای دوره یادگیری D3.js

آشنایی پایه با HTML، CSS و Javascript.

محتوای دوره

  1. این دوره، رویکردی گام‌به‌گام برای تسلط بر کتابخانه D3.js ارائه می‌دهد.
  2. D3.js یک کتابخانه ویژوال‌سازی داده برای مرورگر وب است.
  3. دوره با اصول اولیه SVG آغاز می‌شود که بلوک سازنده نمودارها و گراف‌هاست.
  4. سپس وارد دنیای D3.js شده و اصول اولیه استفاده از کتابخانه را درک خواهید کرد.
  5. 12 ماژول مهم کتابخانه را به صورت سیستماتیک یکی پس از دیگری فرا خواهید گرفت.
  6. هر ماژول شامل چندین متد است که با مثال‌های کد و خروجی در کنسول مرورگر به تفصیل توضیح داده می‌شوند.
  7. پس از اتمام هر ماژول، پروژه‌هایی را انجام خواهید داد که گاهی اوقات بیش از یک پروژه برای هر ماژول خواهد بود.
  8. پروژه‌ها به شما در ساخت اپلیکیشن‌های واقعی کمک کرده و مفاهیم آموخته شده را تقویت می‌کنند.
  9. پروژه‌ها همچنین امکان استفاده از انواع داده‌های مختلف و خلق رابط کاربری/تجربه کاربری (UI/UX) جذاب را فراهم می‌کنند.
  10. این دوره، یک مسیر جامع برای پیشرفت شما در حوزه ویژوال‌سازی داده است.
  11. این دوره شما را برای ساخت اپلیکیشن‌های بزرگ و پیچیده در حوزه‌های شخصی یا حرفه‌ای آماده می‌کند.

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

مرور کلی Overview

  • در این دوره چه انتظاری داشته باشیم؟ What to expect from this course?

درباره D3 About D3

  • مقدمه ای بر کتابخانه D3.js Introduction To D3.js Library

آماده بودن Being Prepared

  • پیش نیازهای این دوره Pre Requisites For This Course

راه اندازی Set Up

  • محیط کاری Working Environment

مخزن گیت هاب Github Repo

  • مخزن گیت هاب برای کل دوره Github repo for the entire course

سیستم های مختصات The Co-ordinate Systems

  • سیستم سنتی و سیستم صفحه نمایش برای ایجاد/رندر کردن نمودارها و گراف ها Traditional System And Screen System Of Creating/Rendering Charts And Graphs

شروع با SVG (گرافیک برداری مقیاس پذیر) Starting With SVG (Scalable Vector Graphics)

  • مفهوم SVG و عنصر SVG Concept Of SVG And SVG Element

  • عنصر دایره Circle Element

  • عنصر مستطیل Rect Element

  • عنصر مستطیل: مربع Rect Element: Square

  • عنصر بیضی Ellipse Element

  • عنصر خط Line Element

  • عنصر چندضلعی Polygon Element

  • عنصر چندخطی Polyline Element

  • عنصر متن Text Element

  • عنصر مسیر Path Element

  • ویژگی تبدیل Transform Property

  • عنصر گروه Group Element

  • فضای دید SVG SVG Viewport

  • نکات پایانی SVG SVG Closing Notes

  • نمودار میله ای ساده Simple Bar Chart

  • ورود به D3 Entering D3

انتخاب عناصر Selecting Elements

  • روش select Select Method

  • روش selectAll SelectAll Method

  • روش filter Filter Method

  • روش merge Merge Method

  • روش selectChild SelectChild Method

  • روش selectChildren SelectChildren Method

  • پروژه: رنگ آمیزی عناصر PROJECT: Coloring Elements

تغییر عناصر Modifying Elements

  • روش attr Attr Method

  • روش classed Classed Method

  • روش style Style Method

  • روش property Property Method

  • روش text Text Method

  • روش append Append Method

  • روش html Html Method

  • روش insert Insert Method

  • روش remove Remove Method

  • روش clone Clone Method

  • روش sort Sort Method

  • روش raise Raise Method

  • روش lower Lower Method

  • پروژه: رتبه بندی IMDB PROJECT: IMDB Ratings

اتصال داده ها Joining Data

  • روش data Data Method

  • روش datum Datum Method

  • روش enter Enter Method

  • روش exit Exit Method

  • روش join Join Method

  • تابع کلیدی Key Function

  • پروژه: سیارات PROJECT: Planets

مدیریت رویدادها Handling Events

  • روش on On Method

  • روش dispatch Dispatch Method

  • روش pointer Pointer Method

  • روش pointers Pointers Method

  • پروژه: فورد PROJECT: Ford

جریان کنترل Control Flow

  • روش each Each Method

  • روش call Call Method

  • روش empty Empty Method

  • روش nodes Nodes Method

  • روش size Size Method

  • تکرار کننده Iterator

  • پروژه: نسبت کالری PROJECT: Caloric Ratio

پروژه PROJECT

  • پروژه: 9 شرکت برتر فناوری اطلاعات هند PROJECT: Top 9 Indian IT Companies

مقیاس های پیوسته Continuous Scales

  • مقیاس خطی Linear Scale

  • پروژه: تراکم جمعیت PROJECT: Population Density

  • مقیاس توانی Power Scale

  • پروژه: استهلاک خودرو PROJECT: Vehicle Depreciation

  • مقیاس لگاریتمی Logarithmic Scale

  • مقیاس هویت Identity Scale

  • مقیاس شعاعی Radial Scale

  • مقیاس زمان Time Scale

  • پروژه: دمای سانفرانسیسکو PROJECT: San Francisco Temperatures

مقیاس های متوالی Sequential Scales

  • مقیاس متوالی Sequential Scale

  • پروژه: رنگ سیمان PROJECT: Cement Color

مقیاس های واگرا Diverging Scales

  • مقیاس واگرا Diverging Scale

  • پروژه: رنگ سیمان PROJECT: Cement Color

مقیاس های کوانتایز Quantize Scales

  • مقیاس کوانتایز Quantize Scale

  • پروژه: درآمدهای FitBit PROJECT: FitBit Revenues

مقیاس های کوانتایل Quantile Scales

  • مقیاس کوانتایل Quantile Scale

  • پروژه: کیفیت هوا PROJECT: Air Quality

مقیاس های آستانه Threshold Scales

  • مقیاس آستانه Threshold Scale

  • پروژه: کیفیت هوا PROJECT: Air Quality

مقیاس های ترتیبی Ordinal Scales

  • مقیاس ترتیبی Ordinal Scale

  • پروژه: امتیازات بسکتبال PROJECT: Basket Ball Points

مقیاس های باند Band Scales

  • مقیاس باند Band Scale

  • پروژه: امتیازات بسکتبال PROJECT: Basket Ball Points

مقیاس های نقطه Point Scales

  • مقیاس نقطه Point Scale

  • پروژه: امتیازات بسکتبال PROJECT: Basket Ball Points

پروژه PROJECT

  • پروژه: ثبت نام دانشگاه PROJECT: University Enrollment

محورها Axes

  • محورها Axes

  • پروژه: روندهای گوگل D3.js PROJECT: D3.js Google Trends

رنگ Color

  • رنگ Color

طرح های رنگی Color Schemes

  • طرح های رنگی Color Schemes

انتقالات Transitions

  • انتقالات Transitions

آرایه ها Arrays

  • آمار Statistics

  • جستجو Search

  • تبدیلات Transformations

  • تکرارها Iterations

  • مجموعه ها Sets

پروژه PROJECT

  • پروژه: تحلیل فروش PROJECT: Sales Analysis

فرمت های عدد Number Formats

  • فرمت های عدد Number Formats

درون یاب ها Interpolators

  • درون یاب ها Interpolators

فچ ها Fetches

  • فچ ها Fetches

پروژه PROJECT

  • پروژه: مدل های تسلا PROJECT: Tesla Models

شکل ها Shapes

  • خطوط Lines

  • پروژه: قیمت سهام IBM مارس 2020 PROJECT: IBM March 2020 Stock Prices

  • خطوط شعاعی Radial Lines

  • پروژه: هزینه های ارتباط با کسب و کار PROJECT: Business Outreach Spending

  • ناحیه ها Areas

  • پروژه: فرودگاه آتلانتا PROJECT: Atlanta Airport

  • منحنی ها Curves

  • قوس ها Arcs

  • پروژه: هزینه های جهانی تحقیق و توسعه PROJECT: Global Research & Development Spending

  • نمادها Symbols

  • پروژه: 5 کشور برتر PROJECT: Best 5 Countries

فرمت های زمان Time Formats

  • فرمت های زمان Time Formats

نکات پایانی دوره Course Closing Notes

  • نکات پایانی دوره Course Closing Notes

نمایش نظرات

آموزش استاد D3.js با مفاهیم و بیش از ۲۵ پروژه | تقریباً ۴۳ ساعت
جزییات دوره
43.5 hours
117
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
1,632
4.4 از 5
دارد
دارد
دارد
Chethan Kambi
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chethan Kambi Chethan Kambi

پژوهشگر و مشاور