אודות הקורס
קורס משולב מסוג זה מכסה את הידע הנדרש על מנת לבצע עיצובים מתקדמים ב-UI של קליק סנס, לבנות ולערוך אובייקטים ולבנות עמוד אינטרנט מעוצב המשלב אובייקטים מתוך הקליק סנס לצד אובייקטים אחרים. הקורס מחולק לשלושה חלקים לפי רמת השליטה והמורכבות הנדרשת בעיצוב והתאמת התצוגה.
החלק הראשון מתמקד בשפות הווב הנדרשות לצורך עיצוב ערכות נושא (Themes).
החלק השני מוסיף ידע בכתיבת והתאמת לוגיקות ברמת האובייקטים עצמם לצורך בניית תוספים (Extensions).
החלק השלישי והאחרון מתמקד בהשלמת הבסיס הנדרש בשפות ווב ולמידת הנושא עצמו כדי לבנות מאשאפים (Mashups) המהווים עמודי אינטרנט פתוחים לעיצוב ושילוב של אובייקטים ממגוון אפליקציות וישויות שונות מהקליק.
הקורס בנוי משילוב בין דוגמאות ותרגילים מעשיים, כשבסוף כל חלק יהיה תרגיל מסכם.
דרישות קדם
הכרות טובה עם Qlik Sense
ידע בפיתוח WEB – יתרון
קהל יעד
מפתחי Qlik Sense
מטרות הקורס
- מטרת העל
הכשרת מפתחי Qlik Sense לעבוד וליצור Mashups תוך הבנת עומק של הטכנולוגיות הרלוונטיות והשימוש בהן. - מטרות ביניים
בתום ההכשרה הלומד:- יכיר את היסודיות של Web Development.
- ידע כיצד להשתמש ביכולות ה WEB על מנת ליצור Mashups ב Qlik Sense.
תכני הקורס
Intro, CSS & Themes
פירוט הנושא
- ה WWW
- מבוא ל HTML/CSS/JS
- Working with VSCode
- HTML
- Structure
- Tags, Elements, Attributes
- Basic Elements
- Elements for user data
- HTML5 elements
Intro, CSS & Themes
פירוט הנושא
- 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
- בניית עמוד ווב
Intro, CSS & Themes
פירוט הנושא
- מהי ערכת נושא בקליק
- מבנה הקבצים בערכת נושא
- עיצוב בסיסי של מודל בעזרת ערכת נושא
- יצירת פלטות צבעים
- שילוב 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
mashups
פירוט הנושא
- מהו משאפ ומתי נשתמש בו
- The Dev Hub and the Mashups Editor
- Creating basic mashup
- רספונסיביות– media querie
mashups
פירוט הנושא
-
Jquery
-
Creating mashups from multiple applications
-
Adding a loader
-
Adding navigation
-
Filters
-
Hypercubes
-
קריאת משתנים מתוך המודל והצגתם בעמוד
-
תרגיל בניית Mashup מלא