آموزش تسلط بر برنامه های افزودنی D3.js در Qlik Sense

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

معرفی دوره Course Introduction

• بیایید این سفر را شروع کنیم Let's start this journey

• راه اندازی محیط Environment Setup

• سلام دنیا! ساخت اولین افزونه ما Hello World! Building our first extension

• سلام Hypercube! سر و صدا برای چیست؟ Hello Hypercube! What's the fuss about?

• سلام Hypercube! رندر کردن داده ها Hello Hypercube! Rendering the data

• تمرین: اضافه کردن هدر Exercise: Adding a header

یک بارچارت متحرک D3 v4 را در QlikSense ادغام کنید Integrate a D3 v4 Animated Barchart into QlikSense

• در حال آماده سازی داده های ما Preparing our data

• در حال بارگیری کتابخانه D3 Loading the D3 library

• نمای کلی D3 D3 overview

• یکپارچه سازی کد D3 Integrating the D3 code

• تغییر اندازه نمودار ما Making our chart resizable

• اضافه کردن استایل CSS Adding CSS styling

• مقادیر منفی را مدیریت کنید Handle negative values

• بکارگیری بهترین شیوه های کدنویسی Applying coding best practices

• نمودار خود را مرتب کنید و عنوان را اضافه کنید Sorting our chart and adding the title

• افزودن عکس های فوری و قابلیت صادرات Adding snapshots and exportability

• دریافت بینش: بارگیری یک مجموعه داده واقعی Getting insights: loading a real data set

• قالب برنامه افزودنی D3 (نسخه 1) D3 Extension Template (version 1)

• تمرین: بیایید یک نمودار دایره ای با استفاده از یک الگوی شگفت انگیز ایجاد کنیم Exercise: Let's create a pie chart using an amazing template

ویژگی های سفارشی: گسترش قابلیت ها Custom properties: extending the functionalities

• ویژگی های سفارشی: افزودن برچسب های محور Custom properties: Adding Axis Labels

• انتخاب میله ها Making the bars selectable

• انتخاب سریع، روشی متفاوت Quick selections, a different way

• ایجاد زمینه بصری در انتخاب ها Creating a visual context on selections

• شرط محاسبه را اضافه کنید Add calculation condition

• بیایید یک انتخابگر رنگ اضافه کنیم Let's add a colour picker

• افزودن راهنمای ابزار Adding the tooltip

• اضافه کردن شبکه Adding the grid

• افزودن بخش درباره Adding an about section

• الگوی برنامه افزودنی D3 (نسخه 2) D3 Extension Template (version 2)

• تمرین: اضافه کردن یک خط مرجع Exercise: Adding a reference line

بخش 4: آرایه های داده های پیچیده تر Section 4: More Complex Data Arrays

• سلام هایپرمکعب چند بعدی Hello multi-dimentional hypercube

• دستکاری آرایه در جاوا اسکریپت: روش نقشه Array manipulation in JavaScript: the map Method

• یادداشتی در مورد نحو ES6 A note on to ES6 syntax

• دستکاری داده ها برای نمودار رادار Data manipulation for a Radar Chart

• ادغام کد نمودار رادار D3 Radar chart D3 code integration

• کارهای پایانی نمودار رادار Radar Chart finishing touches

• تمرین: سوال جوی پلات Exercise: Joyplot Question

• تمرین: پاسخ جوی پلات Exercise: Joyplot Answer

بخش پاداش: تخفیف دوره Bonus Section: Course Discount

• سخنرانی جایزه: تخفیف Bootcamp Qlik Sense Mashup Bonus Lecture: Qlik Sense Mashup Bootcamp Discount

• سخنرانی جایزه: کد تخفیف ارزیابی حس Qlik Bonus Lecture: Qlik Sense Assessment Discount Code