آموزش بوت کمپ Qlik Sense Mashup

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

معرفی دوره Course Introduction

• برنامه درسی دوره Course Syllabus

• مقدمه ای بر Qlik Sense Mashups An Introduction to Qlik Sense Mashups

• دسترسی به کانال Slack Access to Slack Channel

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

• ارزیابی سطح: دوره را از کجا شروع کنیم Level Assessment: Where to start the course

مقدمه ای بر HTML Introduction to HTML

• مقدمه ای بر HTML An Introduction to HTML

• یادداشتی در مورد مستندات A Note on Documentation

• معرفی JS Bin و نوشتن مقداری HTML JS Bin Intro & Writing Some HTML

• چیزی که قرار است بسازیم: iFruit What We're Going to Build: iFruit

• پروژه وایرفریم Project Wireframe

• شروع پروژه و لیست های HTML ما Starting our Project & HTML Lists

• معرفی DIV ها Introducing DIVs

• بخش لیست ویژگی ها Features List Section

• فرم ها و تکمیل محتوای HTML ما Forms and Finishing our HTML Content

مقدمه ای بر CSS Introduction to CSS

• مقدمه ای بر CSS An Introduction to CSS

• افزودن CSS به پروژه ما Adding CSS to our Project

• موقعیت یابی CSS CSS Positioning

• CSS Positioning: Exercise Files CSS Positioning: Exercise Files

• تمرین و راه حل: موقعیت یابی CSS EXERCISE & SOLUTION: CSS Positioning

• راه حل با FLEX: موقعیت یابی CSS SOLUTION WITH FLEX: CSS Positioning

• آبشار، وراثت و ویژگی The Cascade, Inheritance & Specificity

• مدل جعبه The Box Model

• مدل جعبه: دانلود فایل های شروع Box Model: Download Starter Files

• مدل جعبه در عمل The Box Model in Practice

FlexBox و Bootstrap FlexBox and Bootstrap

• مقدمه ای بر FlexBox An Introduction to FlexBox

• ایجاد هدر FlexBox Creating a FlexBox Header

• مقدمه ای بر بوت استرپ An Introduction to Bootstrap

• تبدیل هدر ما به بوت استرپ Converting our Header to Bootstrap

• معرفی Font Awesome Introducing Font Awesome

• بخش تصویر قهرمان وب سایت ما Our Website's Hero Image Section

• تمرین: به بخش لیست ویژگی های ما سبک دهید EXERCISE: Style our Feature List Section

• راه حل: بخش لیست ویژگی های ما را سبک کنید SOLUTION: Style our Feature List Section

• در حال تکمیل وب سایت iFruit ما Completing our iFruit Website

• بازآفرینی کد و پایان کار Code Refactoring & Finishing Touches

مقدمه ای بر جاوا اسکریپت Introduction to Java Script

• مقدمه ای بر جاوا اسکریپت Introduction to Java Script

• جاوا اسکریپت در کنسول Java Script in the Console

• اعداد و روش های رشته Numbers & String Methods

• تخصیص و مقایسه عبارات Assignment & Comparison Expressions

• توابع جاوا اسکریپت Java Script Functions

• ماشین حساب سن سگ Dog Age Calculator

• معکوس شماره من Reverse My Number

• بحث در مورد تمرینات جاوا اسکریپت Discussing the Java Script Exercises

کنترل جریان و آرایه ها Control Flow and Arrays

• مقدمه ای بر کنترل جریان Introduction to Control Flow

• IF/ELSE و سوئیچ بیانیه ها IF / ELSE and Switch Statements

• تمرین و راه حل: کدام جایزه؟ EXERCISE & SOLUTION: Which Prize?

• ورزش و راه حل: یاب آخر هفته EXERCISE & SOLUTION: Weekend Finder

• حلقه های جاوا اسکریپت Java Script Loops

• تمرین و راه حل: تا 21 بشمارید EXERCISE & SOLUTION: Count to 21

• آرایه ها در جاوا اسکریپت Arrays in Java Script

• دوباره به چالش تعداد تا 21 ما مراجعه کنید - یک آرایه ایجاد کنید Revisit our Count to 21 Challenge - Create an Array

• تمرین و راه حل: جمله را چاپ کنید EXERCISE & SOLUTION: Print Sentence

مدل شیء سند Document Object Model

• مقدمه ای بر DOM Introduction to the DOM

• دانلود فایل های پروژه Download Project Files

• دسترسی به DOM و عناصر دستکاری Accessing the DOM & Manipulating Elements

• نمای کلی پروژه: بازی رنگی RGB Project Overview: RGB Color Game

• برنامه ریزی پروژه ما Planning our Project

• شنوندگان رویداد DOM DOM Event Listeners

• تولید رنگ های تصادفی Generating Random Colors

• انتخاب رنگ تصادفی RGB Selecting a Random RGB Color

• ایجاد تابع بازنشانی ما Creating our Reset Function

• در حال اتمام پروژه ما Finishing our Project

جاوا اسکریپت متوسط Intermediate Java Script

• توابع مرتبه بالاتر Higher Order Functions

• اشیاء و توابع سازنده Objects & Constructor Functions

• معرفی پروژه: انتخابگر دستور غذا Project Introduction: Recipe Selector

• دانلود فایل های پروژه Download Project Files

• کاوش شی دستور غذا Exploring our Recipe Object

• ایجاد یک لیست کشویی Creating a Drop Down List

• کلمه کلیدی "THIS". "THIS" Keyword

• ارائه داده های دستور غذا Rendering Recipe Data

• در حال اتمام پروژه ما Finishing our Project

• بازسازی کد ما Refactoring our Code

جی کوئری JQuery

• مقدمه ای بر JQuery An Introduction to JQuery

• کوچک سازی و بارگذاری کتابخانه Minification & Loading the LIbrary

• تغییر CSS با JQuery Changing CSS with JQuery

• تغییر عناصر با JQuery Changing Elements with JQuery

• اضافه کردن کلاس ها با JQuery Adding Classes with JQuery

• دانلود فایل های پروژه دستور پخت کامل Download Finished Recipe Project Files

• تبدیل پروژه دستور غذا به JQuery Converting our Recipe Project to JQuery

• دانلود فایل های پروژه تمام شده Download Finished Project Files

پروژه: داشبورد با حالت شب PROJECT: Dashboard with Nightmode

• معرفی پروژه: داشبورد با حالت شبانه Project Introduction: Dashboard with Nightmode

• شروع پروژه ما (با فایل های شروع کننده) Starting our Project (with Starter Files)

• تمرین بازنگری CSS: نوار نوار ما را سبک کنید CSS RECAP EXERCISE: Style our Navbar

• راه حل CSS RECAP: نوار نوار ما را سبک کنید CSS RECAP SOLUTION: Style our Navbar

• ساختن نوار کناری ما Building our Sidebar

• جابجایی نوار کناری JQuery JQuery Sidebar Toggle

• متغیرهای CSS و تغییر حالت شبانه CSS Variables & Nightmode Toggle

• طراحی تعاملی Responsive Design

• راهنمای ابزار بوت استرپ Bootstrap Tooltip

نیاز به JS Require JS

• مقدمه ای بر RequireJS An Introduction to RequireJS

• تابع نیاز The Require Function

• نیاز به پیکربندی JS Require JS Config

• بارگیری JQuery Loading JQuery

• Shim Config & Loading Bootstrap Shim Config & Loading Bootstrap

• تابع تعریف The Define Function

• تعریف ماژول ناهمزمان (AMD) Asynchronous Module Definition (AMD)

• نیاز به JS Quiz Require JS Quiz

مقدمه ای بر Qlik Sense Introduction to Qlik Sense

• هاب، Dev Hub و آناتومی یک برنامه The Hub, Dev Hub & Anatomy of an App

• اسکریپت Qlik و دستکاری فیلدها Qlik Script & Manipulating Fields

• موتور انجمنی The Associative Engine

• آیتم های اصلی و ایجاد عبارات Master Items & Creating Expressions

• تجزیه و تحلیل مجموعه Set Analysis

• تنظیم چالش تجزیه و تحلیل Set Analysis Challenge

• ساخت داشبورد Building a Dashboard

ویرایشگر Qlik Sense Mashup Qlik Sense Mashup Editor

• پیکربندی تک Single Configurator

• IFrames IFrames

• مقدمه ای بر API های Capability An Introduction to the Capability APIs

• قابلیت اسناد API Capability API Documentation

• مرور و بارگذاری اشیاء ویرایشگر Mashup Mashup Editor Walkthrough & Loading Objects

• منوی برنامه نویس پنهان Qlik Sense The Hidden Qlik Sense Developer Menu

• ایجاد اولین Mashup ما Creating our First Mashup

پروژه: الگوی Mashup PROJECT: Mashup Template

• چیزی که قراره بسازیم What We're going to Build

• دانلود فایل های داشبورد Download Dashboard FIles

• مرور کد داشبورد ما Reviewing our Dashboard Code

• منابع طراحی داشبورد Resources for Dashboard Design

• تبدیل به پروژه RequireJS Converting to a RequireJS Project

• بارگیری APIهای Capability Loading the Capability APIs

• بهبود پیکربندی ما با متغیرها Improving our Config with Variables

• اپراتورهای مشروط (سه تایی). Conditional (Ternary) Operators

• بررسی Mashup Docs و بارگیری CSS Reviewing the Mashup Docs & Loading CSS

• مقدمه ای بر لیست ها An Introduction to Lists

• انتخاب ها Making Selections

• بازبینی ساختار کد و دامنه جهانی Revisiting Code Structure & Global Scope

• SWITCH Recap: Redo، Undo و Clear SWITCH Recap: Redo, Undo and Clear

• Bootstrap Modals Bootstrap Modals

• ایجاد نشانک Creating Bookmarks

• در حال تکمیل نشانک‌های ما Finishing our Bookmarks

• مقداری پاکسازی کد Some Code Cleanup

• انتخاب های فعلی Current Selections

• کاهش نمونه اولیه آرایه Array Prototype Reduce

• تعداد کل انتخاب ها Total Number of Selections

• نوار جستجو Search Bar

• تکمیل خودکار JQueryUI JQueryUI Autocomplete

• تکمیل عملکرد جستجو Finishing Search Functionality

• خلاصه در Tooltips Recap on Tooltips

• Bootstrap Grid & Placeholders Bootstrap Grid & Placeholders

• در حال تکمیل الگوی Mashup ما Finishing our Mashup Template

• کد Finshed را دانلود کنید Download Finshed Code

اسکریپت جاوا ناهمزمان Asynchronous Java Script

• پاسخ به تماس و اسکریپت ناهمزمان جاوا Callbacks & Asynchronous Java Script

• مقدمه ای بر وعده ها Introduction to Promises

مقدمه ای بر هایپر مکعب ها Introduction to Hypercubes

• مقدمه ای بر هایپر مکعب ها Introduction to Hypercubes

• CreateCube Method & Rendering Data CreateCube Method & Rendering Data

• ساختن یک جدول Building a Table

• ویژگی های HyperCube اضافی Additional HyperCube Properties

• عملکرد نقشه و افزودن اندازه گیری دوم Map Function & Adding a Second Measure

• افزودن انتخاب ها Adding Selections

پروژه: Google Play Analytics Mashup PROJECT: Google Play Analytics Mashup

• آنچه که می‌خواهیم بسازیم: داشبورد Google Play Analytics What We're Going to Build: Google Play Analytics Dashboard

• الزامات پروژه Project Requirements

• ایجاد برنامه ما و بارگیری داده ها Creating our App & Loading Data

• شروع Mashup ما Starting our Mashup

• فیلترهای ساختمان Building Filters

• افزودن انتخاب ها Adding Selections

• Visualization API The Visualisation API

• ایجاد KPI Creating KPIs

• اضافه کردن نمودارها Adding Charts

• ذخیره نشانک های ما Saving our Bookmarks

• رنگ آمیزی حالت فیلتر + کد Refactor Filter State Colouring + Code Refactor

مقدمه ای بر پیکاسو جی اس Introduction to Picasso JS

• اسناد پیکاسو JS Picasso JS Documentation

• داده ها برای نمودار اول Data for First Chart

• ساختن اولین نمودار ما Building our First Chart

• براشینگ نمودار Chart Brushing

• فعل و انفعالات Interactions

• یادداشتی در مورد Hyperscript A Note on Hyperscript

• نکات ابزار Tooltips

• تغییر اندازه و پایان لمس Re-sizing and Finishing Touches

پروژه: ترکیب تجزیه و تحلیل آووکادو PROJECT: Avocado Analysis Mashup

• بررسی اجمالی پروژه: آووکادو قیمت Mashup Project Overview: Avocado Prices Mashup

• به‌روزرسانی نسخه Qlik Sense: آوریل 2019 Qlik Sense Version Update: April 2019

• دانلود فایل های استارتر Download Starter Files

• شروع Mashup تجزیه و تحلیل آووکادو ما Starting our Avocado Analysis Mashup

• نمودارهای شروع ما Our Starter Charts

• نمودار میله ای: لایه بندی اجزا Bar Chart: Layering Components

• محدوده مسواک زدن Range Brushing

PicassoQ و کار با داده ها PicassoQ & Working with Data

• روش پاسخ به تماس و هایپر مکعب ها Callbacks Method & Hypercubes

• پلاگین پیکاسو کیو Picasso Q Plugin

• انتخاب ها Making Selections

• نمودار پیوند با وعده ها Chart Linking with Promises

• در حال تمیز کردن HyperCubes ما Cleaning up our HyperCubes

• Sync Await Syntax Async Await Syntax

• تمرین: نمودار خطی EXERCISE: Line Chart

• برگه Trends Trends Tab

• تمرین: نمودار دایره ای کامل EXERCISE: Complete Pie Chart

• بحث در مورد سوکت‌های وب و ماشاپ‌های چند صفحه‌ای Discussing Websockets & Multi-Page Mashups

• دانلود پروژه تکمیل شده Download Completed Project

معرفی Enigma JS Introduction to Enigma JS

• موتور API Explorer Engine API Explorer

• مقدمه ای بر Enigma JS An Introduction to Enigma JS

• Client Side EnigmaJS: دسترسی به موتور Client Side EnigmaJS: Accessing the Engine

• بارگیری یک HyperCube Loading a HyperCube

• یادداشتی در مورد اجزای QDT A Note on QDT Components

پروژه: KickStarter Mashup با Webpack و EnigmaJS PROJECT: KickStarter Mashup with Webpack & EnigmaJS

• نمای کلی پروژه: Kickstarter Mashup Project Overview: Kickstarter Mashup

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

• NodeJS v Node Package Manager NodeJS v Node Package Manager

• لینک زمان اجرا جاوا اسکریپت Java Script Runtime Link

• وب پک چیست؟ What is Webpack?

• دانلود فایل های استارتر Download Starter Files

• شروع پروژه ما با Webpack Starting our Project with Webpack

• نصب بابل Installing Babel

• بارگیری Enigma و دسترسی به موتور Loading Enigma & Accessing the Engine

• کلاس های جاوا اسکریپت و ایجاد یک شی جلسه Java Script Classes & Creating a Session Object

• کد نمودار خطی Line Chart Code

• در حال ساخت نمودار PicassoJS ما Building our PicassoJS Chart

• ویژگی های پچ Patch Properties

• قالب بندی نمودار ما Theming our Chart

• راه اندازی اشیاء KPI ما Starting our KPI Objects

• تکمیل اشیاء KPI ما Finishing our KPI Objects

• عبارات منظم: اسناد وب MDN Regular Expressions: MDN Web Docs

• کد نمودار روند Trend Chart Code

• ادغام نمودار روند ما Integrating our Trend Chart

• در حال اتمام Mashup ما Finishing our Mashup