Topics:
An Introduction to HTML
A Note on Documentation
JS Bin Intro & Writing Some HTML
What We’re Going to Build: iFruit
Project Wireframe
Starting our Project & HTML Lists
Introducing DIVs
Features List Section
Forms and Finishing our HTML Content
An Introduction to CSS
Adding CSS to our Project
CSS Positioning
CSS Positioning: Exercise Files
EXERCISE & SOLUTION: CSS Positioning
SOLUTION WITH FLEX: CSS Positioning
The Cascade, Inheritance & Specificity
The Box Model
Box Model: Download Starter Files
The Box Model in Practice
FlexBox and Bootstrap
An Introduction to FlexBox
Creating a FlexBox Header
An Introduction to Bootstrap
Converting our Header to Bootstrap
Introducing Font Awesome
Our Website’s Hero Image Section
EXERCISE: Style our Feature List Section
SOLUTION: Style our Feature List Section
Completing our iFruit Website
Code Refactoring & Finishing Touches
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
Introduction to Control Flow
IF / ELSE and Switch Statements
EXERCISE & SOLUTION: Which Prize?
EXERCISE & SOLUTION: Weekend Finder
Java Script Loops
EXERCISE & SOLUTION: Count to 21
Arrays in Java Script
Revisit our Count to 21 Challenge - Create an Array
EXERCISE & SOLUTION: Print Sentence
Introduction to the DOM
Download Project Files
Accessing the DOM & Manipulating Elements
Planning our Project
DOM Event Listeners
Generating Random Colors
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” Keyword
Rendering Recipe Data
Finishing our Project
Refactoring our Code
JQuery
An Introduction to JQuery
Minification & Loading the LIbrary
Changing CSS with JQuery
Changing Elements with JQuery
Adding Classes with JQuery
Download Finished Recipe Project Files
Converting our Recipe Project to JQuery
Project : Dashboard with Nightmode
Starting our Project (with Starter Files)
CSS RECAP EXERCISE: Style our Navbar
CSS RECAP SOLUTION: Style our Navbar
Building our Sidebar
JQuery Sidebar Toggle
CSS Variables & Nightmode Toggle
Responsive Design
Bootstrap Tooltip
An Introduction to RequireJS
The Require Function
Require JS Config
Loading JQuery
Shim Config & Loading Bootstrap
The Define Function
Asynchronous Module Definition (AMD)
Introduction to Qlik Sense
The Hub, Dev Hub & Anatomy of an App
Qlik Script & Manipulating Fields
The Associative Engine
Master Items & Creating Expressions
Set Analysis
Set Analysis Challenge
Building a Dashboard
Qlik Sense Web approach (aka Mashups) Editor
Single Configurator
IFrames
Capability API Documentation
Mashup Editor Walkthrough & Loading Objects
The Hidden Qlik Sense Developer Menu
Creating our First Mashup
Project: Mashup template
What We’re going to Build
Download Dashboard FIles
Reviewing our Dashboard Code
Resources for Dashboard Design
Converting to a RequireJS Project
Loading the Capability APIs
Improving our Config with Variables
Conditional (Ternary) Operators
Reviewing the Mashup Docs & Loading CSS
An Introduction to Lists
Making Selections
Revisiting Code Structure & Global Scope
SWITCH Recap: Redo, Undo and Clear
Bootstrap Modals
Creating Bookmarks
Finishing our Bookmarks
Some Code Cleanup
Current Selections
Array Prototype Reduce
Total Number of Selections
Search Bar
JQueryUI Autocomplete
Finishing Search Functionality
Recap on Tooltips
Bootstrap Grid & Placeholders
Finishing our Mashup Template
Asynchronous Java Script
Callbacks & Asynchronous Java Script
Introduction to Promises
Introduction to Hypercubes
CreateCube Method & Rendering Data
Building a Table
Additional HyperCube Properties
Map Function & Adding a Second Measure
Adding Selections
PROJECT: Google Play Analytics Mashup
Project Requirements
Creating our App & Loading Data
Starting our Mashup
Building Filters
Adding Selections
The Visualisation API
Creating KPIs
Adding Charts
Saving our Bookmarks
Filter State Colouring + Code Refactor
Introduction to Picasso JS
Picasso JS Documentation
Data for First Chart
Building our First Chart
Chart Brushing
Interactions
A Note on Hyperscript
Tooltips
Re-sizing and Finishing Touches
PicassoQ & Working with Data
Callbacks Method & Hypercubes
Picasso Q Plugin
Making Selections
Chart Linking with Promises
Cleaning up our HyperCubes
Async Await Syntax
EXERCISE: Line Chart
Trends Tab
EXERCISE: Complete Pie Chart
Discussing Websockets & Multi-Page Mashups
An Introduction to Enigma JS
Engine API Explorer
Client Side EnigmaJS: Accessing the Engine
Loading a HyperCube
A Note on QDT Components
PROJECT: KickStarter Mashup with Webpack & EnigmaJS
Environment Setup
NodeJS v Node Package Manager
Java Script Runtime Link
What is Webpack?
Download Starter Files
Starting our Project with Webpack
Installing Babel
Loading Enigma & Accessing the Engine
Java Script Classes & Creating a Session Object
Line Chart Code
Building our PicassoJS Chart
Patch Properties
Theming our Chart
Starting our KPI Objects
Finishing our KPI Objects
Regular Expressions: MDN Web Docs
Trend Chart Code
Integrating our Trend Chart
Finishing our Mashup
Diğer Eğitimler
BOT ALT
1 Eğitim Seti
