مصورسازی داده‌ در جاوا اسکریپت با استفاده از React و D3.js

آنچه یاد خواهید گرفت:

• تسلط به دو کتابخانه برتر جاوااسکریپت برای مصورسازی داده
• درک چالش‌های ادغام React و D3 و چگونگی غلبه بر آنها
• ساخت مصورسازی داده کاملاً تعاملی با D3 و React
• یادگیری چگونگی افزودن ترنزیشن ها و انیمیشن‌های روان یا fluid به نمودارها

توضیحات دوره

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

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

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

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

سرفصل دوره:

مقدمه

• چرا باید React و D3 را یاد بگیرید؟

بخش 1: مرور مبانی D3

• پیوند دادن داده به مدل آبجکت سند (DOM) با استفاده از D3
• افزودن داده و طراحی آنها در D3

بخش 2: یک رویکرد بیانی برای ادغام React و D3

• ترجمه سینتکس D3 به JSX
• مزایا و معایب این رویکرد

بخش 3: یک رویکرد ترکیبی برای React و D3

• یادگیری چگونگی تعادل ظرفیت‌های انتقال داخلی D3 و بروزرسانی‌های DOM و چرخه رندر React
• ساخت یک نمودار متفرق کاملاً عملی که با داده جدید بروزرسانی می‌شود.

بخش 4: پروژه عملی - نمودار متفرق Gapminder

• ساخت یک مصورسازی داده کاملاً تعاملی از مجموعه داده محبوب Gapminder
• افزودن فیلترها و کنترل‌های کاربر-تعریف‌شده
• همه دانش خود را گرد هم آورید تا یک نمودار کاملاً جذاب ایجاد کنید که مشابه آنچه برای یک کاربرد کسب و کار یا انتشار انجام می‌دهید باشد.

این دوره برای چه کسانی مناسب است؟

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