Web Development for Qlik Developers

• ה WWW
• מבוא ל HTML/CSS/JS
• Working with VSCode
• HTML
  • Structure
  • Tags, Elements, Attributes
  • Basic Elements
  • Elements for user data
  • HTML5 elements

• CSS Basics
• Including CSS in HTML page
• מבנה ה CSS
  • עיצוב טקסטים
• צבעים ב-CSS
  • Basic and advanced Properties
  • CSS selectors
  • Basic and advanced Selectors
• Combinators
• Pseudo Classes & Pseudo Elements
• Basic style properties
• Box Model
• רספונסיביות בשימוש ב-Flex
  • בניית עמוד ווב

• מהי ערכת נושא בקליק
•  מבנה הקבצים בערכת נושא
•  עיצוב בסיסי של מודל בעזרת ערכת נושא
•  יצירת פלטות צבעים
•  שילוב CSS באובייקט ,ulti kpi
  

JavaScript

&

Extensions

• Introduction to Javascript

• Basic syntax

• let vs const vs var

• Primitives

• Including Javascript in HTML

• Loops

• Control Flow

• If/Else

• Switch

• Ternary Operator

• Objects

• Arrays

• Functions

• Events

• Built in methods

• DOM Manipulation

• JSON

• Debugging

JavaScript

&

Extensions

• HTML & CSS UI To Extension
• Initial Properties – request data from the Qlik engine
• Linking Custom Properties & Measure
• Field API
• Variable API
• Build real world extension 1 – build a custom KPI that will change its color based on the value from the model

JavaScript

&

Extensions

• Extension API
• Explore real world extensions – view code
• Build real world extension 2 – build custom filter with our own look and feel
• Build real world extension 3 – build custom chart using d3js engine

• מהו משאפ ומתי נשתמש בו
• The Dev Hub and the Mashups Editor
• Creating basic mashup
• רספונסיביות– media querie

• Jquery

• Creating mashups from multiple applications

• Adding a loader

• Adding navigation

• Filters

• Hypercubes

• קריאת משתנים מתוך המודל והצגתם בעמוד

• תרגיל בניית Mashup מלא