Submit Search
Upload
Knockoutjs UG meeting presentation
•
Download as PPTX, PDF
•
1 like
•
658 views
Valdis Iljuconoks
Follow
Presentation of march Latvian .Net User Group meeting in Riga.
Read less
Read more
Technology
Business
Report
Share
Report
Share
1 of 41
Download now
Recommended
jQuery secrets
jQuery secrets
Bastian Feder
AngularJS $Provide Service
AngularJS $Provide Service
Eyal Vardi
Backbone.js
Backbone.js
Knoldus Inc.
AngularJS - $http & $resource Services
AngularJS - $http & $resource Services
Eyal Vardi
jQuery and Rails, Sitting in a Tree
jQuery and Rails, Sitting in a Tree
adamlogic
Big Data for each one of us
Big Data for each one of us
OSCON Byrum
Optimizing Angular Performance in Enterprise Single Page Apps
Optimizing Angular Performance in Enterprise Single Page Apps
Morgan Stone
Pengenalan blaast platform sdk
Pengenalan blaast platform sdk
Arief Bayu Purwanto
Recommended
jQuery secrets
jQuery secrets
Bastian Feder
AngularJS $Provide Service
AngularJS $Provide Service
Eyal Vardi
Backbone.js
Backbone.js
Knoldus Inc.
AngularJS - $http & $resource Services
AngularJS - $http & $resource Services
Eyal Vardi
jQuery and Rails, Sitting in a Tree
jQuery and Rails, Sitting in a Tree
adamlogic
Big Data for each one of us
Big Data for each one of us
OSCON Byrum
Optimizing Angular Performance in Enterprise Single Page Apps
Optimizing Angular Performance in Enterprise Single Page Apps
Morgan Stone
Pengenalan blaast platform sdk
Pengenalan blaast platform sdk
Arief Bayu Purwanto
AngularJS Compile Process
AngularJS Compile Process
Eyal Vardi
Special Events
Special Events
Brandon Aaron
jQuery Foot-Gun Features
jQuery Foot-Gun Features
dmethvin
AngularJS Routing
AngularJS Routing
Eyal Vardi
AngularJS Services
AngularJS Services
Eyal Vardi
Backbone.js — Introduction to client-side JavaScript MVC
Backbone.js — Introduction to client-side JavaScript MVC
pootsbook
Taming that client side mess with Backbone.js
Taming that client side mess with Backbone.js
Jarod Ferguson
JavaScript APIs - The Web is the Platform - MDN Hack Day - Buenos Aires
JavaScript APIs - The Web is the Platform - MDN Hack Day - Buenos Aires
Robert Nyman
Backbone js
Backbone js
husnara mohammad
Special Events: Beyond Custom Events
Special Events: Beyond Custom Events
Brandon Aaron
Building an End-to-End AngularJS Application
Building an End-to-End AngularJS Application
Dan Wahlin
Before there was Hoop Dreams, there was McDonald's: Strange and Beautiful
Before there was Hoop Dreams, there was McDonald's: Strange and Beautiful
chicagonewsonlineradio
Backbone Basics with Examples
Backbone Basics with Examples
Sergey Bolshchikov
jQuery
jQuery
Andrew Homeyer
The Return of JavaScript: 3 Open-Source Projects that are driving JavaScript'...
The Return of JavaScript: 3 Open-Source Projects that are driving JavaScript'...
Ben Teese
Nodejs do teste de unidade ao de integração
Nodejs do teste de unidade ao de integração
Vinícius Pretto da Silva
Angular 2.0 forms
Angular 2.0 forms
Eyal Vardi
JavaScript APIs - The Web is the Platform - MozCamp, Buenos Aires
JavaScript APIs - The Web is the Platform - MozCamp, Buenos Aires
Robert Nyman
JavaScript APIs - The Web is the Platform - MDN Hack Day, Santiago, Chile
JavaScript APIs - The Web is the Platform - MDN Hack Day, Santiago, Chile
Robert Nyman
Building Single Page Apps with Backbone.js, Coffeescript and Rails 3.1
Building Single Page Apps with Backbone.js, Coffeescript and Rails 3.1
Vagmi Mudumbai
HONEYMOON IN VENICE(mandolin) Mézeshetek Velencében
HONEYMOON IN VENICE(mandolin) Mézeshetek Velencében
DIO GYULA
INDIAN LOVE CALL Indián szerelmi dal
INDIAN LOVE CALL Indián szerelmi dal
DIO GYULA
More Related Content
What's hot
AngularJS Compile Process
AngularJS Compile Process
Eyal Vardi
Special Events
Special Events
Brandon Aaron
jQuery Foot-Gun Features
jQuery Foot-Gun Features
dmethvin
AngularJS Routing
AngularJS Routing
Eyal Vardi
AngularJS Services
AngularJS Services
Eyal Vardi
Backbone.js — Introduction to client-side JavaScript MVC
Backbone.js — Introduction to client-side JavaScript MVC
pootsbook
Taming that client side mess with Backbone.js
Taming that client side mess with Backbone.js
Jarod Ferguson
JavaScript APIs - The Web is the Platform - MDN Hack Day - Buenos Aires
JavaScript APIs - The Web is the Platform - MDN Hack Day - Buenos Aires
Robert Nyman
Backbone js
Backbone js
husnara mohammad
Special Events: Beyond Custom Events
Special Events: Beyond Custom Events
Brandon Aaron
Building an End-to-End AngularJS Application
Building an End-to-End AngularJS Application
Dan Wahlin
Before there was Hoop Dreams, there was McDonald's: Strange and Beautiful
Before there was Hoop Dreams, there was McDonald's: Strange and Beautiful
chicagonewsonlineradio
Backbone Basics with Examples
Backbone Basics with Examples
Sergey Bolshchikov
jQuery
jQuery
Andrew Homeyer
The Return of JavaScript: 3 Open-Source Projects that are driving JavaScript'...
The Return of JavaScript: 3 Open-Source Projects that are driving JavaScript'...
Ben Teese
Nodejs do teste de unidade ao de integração
Nodejs do teste de unidade ao de integração
Vinícius Pretto da Silva
Angular 2.0 forms
Angular 2.0 forms
Eyal Vardi
JavaScript APIs - The Web is the Platform - MozCamp, Buenos Aires
JavaScript APIs - The Web is the Platform - MozCamp, Buenos Aires
Robert Nyman
JavaScript APIs - The Web is the Platform - MDN Hack Day, Santiago, Chile
JavaScript APIs - The Web is the Platform - MDN Hack Day, Santiago, Chile
Robert Nyman
Building Single Page Apps with Backbone.js, Coffeescript and Rails 3.1
Building Single Page Apps with Backbone.js, Coffeescript and Rails 3.1
Vagmi Mudumbai
What's hot
(20)
AngularJS Compile Process
AngularJS Compile Process
Special Events
Special Events
jQuery Foot-Gun Features
jQuery Foot-Gun Features
AngularJS Routing
AngularJS Routing
AngularJS Services
AngularJS Services
Backbone.js — Introduction to client-side JavaScript MVC
Backbone.js — Introduction to client-side JavaScript MVC
Taming that client side mess with Backbone.js
Taming that client side mess with Backbone.js
JavaScript APIs - The Web is the Platform - MDN Hack Day - Buenos Aires
JavaScript APIs - The Web is the Platform - MDN Hack Day - Buenos Aires
Backbone js
Backbone js
Special Events: Beyond Custom Events
Special Events: Beyond Custom Events
Building an End-to-End AngularJS Application
Building an End-to-End AngularJS Application
Before there was Hoop Dreams, there was McDonald's: Strange and Beautiful
Before there was Hoop Dreams, there was McDonald's: Strange and Beautiful
Backbone Basics with Examples
Backbone Basics with Examples
jQuery
jQuery
The Return of JavaScript: 3 Open-Source Projects that are driving JavaScript'...
The Return of JavaScript: 3 Open-Source Projects that are driving JavaScript'...
Nodejs do teste de unidade ao de integração
Nodejs do teste de unidade ao de integração
Angular 2.0 forms
Angular 2.0 forms
JavaScript APIs - The Web is the Platform - MozCamp, Buenos Aires
JavaScript APIs - The Web is the Platform - MozCamp, Buenos Aires
JavaScript APIs - The Web is the Platform - MDN Hack Day, Santiago, Chile
JavaScript APIs - The Web is the Platform - MDN Hack Day, Santiago, Chile
Building Single Page Apps with Backbone.js, Coffeescript and Rails 3.1
Building Single Page Apps with Backbone.js, Coffeescript and Rails 3.1
Viewers also liked
HONEYMOON IN VENICE(mandolin) Mézeshetek Velencében
HONEYMOON IN VENICE(mandolin) Mézeshetek Velencében
DIO GYULA
INDIAN LOVE CALL Indián szerelmi dal
INDIAN LOVE CALL Indián szerelmi dal
DIO GYULA
CSharp 5 Async
CSharp 5 Async
Valdis Iljuconoks
Client side development with knockout.js
Client side development with knockout.js
Valdis Iljuconoks
Loving data with F#
Loving data with F#
Valdis Iljuconoks
Lap around Visual Studio 2013
Lap around Visual Studio 2013
Valdis Iljuconoks
Parallel Development in VS10
Parallel Development in VS10
Valdis Iljuconoks
Parallel development in VS 2012
Parallel development in VS 2012
Valdis Iljuconoks
Viewers also liked
(8)
HONEYMOON IN VENICE(mandolin) Mézeshetek Velencében
HONEYMOON IN VENICE(mandolin) Mézeshetek Velencében
INDIAN LOVE CALL Indián szerelmi dal
INDIAN LOVE CALL Indián szerelmi dal
CSharp 5 Async
CSharp 5 Async
Client side development with knockout.js
Client side development with knockout.js
Loving data with F#
Loving data with F#
Lap around Visual Studio 2013
Lap around Visual Studio 2013
Parallel Development in VS10
Parallel Development in VS10
Parallel development in VS 2012
Parallel development in VS 2012
Similar to Knockoutjs UG meeting presentation
jQuery
jQuery
Ivano Malavolta
jQuery Rescue Adventure
jQuery Rescue Adventure
Allegient
Understanding backbonejs
Understanding backbonejs
Nick Lee
JQuery Flot
JQuery Flot
Arshavski Alexander
The rise and fall of a techno DJ, plus more new reviews and notable screenings
The rise and fall of a techno DJ, plus more new reviews and notable screenings
chicagonewsyesterday
Scala on Your Phone
Scala on Your Phone
Michael Galpin
mobl presentation @ IHomer
mobl presentation @ IHomer
zefhemel
Aplicacoes dinamicas Rails com Backbone
Aplicacoes dinamicas Rails com Backbone
Rafael Felix da Silva
Clean Javascript
Clean Javascript
Ryunosuke SATO
mobl
mobl
zefhemel
Game jump: frontend introduction #1
Game jump: frontend introduction #1
Sebastian Pożoga
Kick start with j query
Kick start with j query
Md. Ziaul Haq
Backbone js
Backbone js
Knoldus Inc.
JQuery introduction
JQuery introduction
Pradeep Saraswathi
international PHP2011_Bastian Feder_jQuery's Secrets
international PHP2011_Bastian Feder_jQuery's Secrets
smueller_sandsmedia
How te bring common UI patterns to ADF
How te bring common UI patterns to ADF
Getting value from IoT, Integration and Data Analytics
Discontinuing Reader Matches
Discontinuing Reader Matches
chicagonewsonlineradio
ScalikeJDBC Tutorial for Beginners
ScalikeJDBC Tutorial for Beginners
Kazuhiro Sera
jQuery: Tips, tricks and hints for better development and Performance
jQuery: Tips, tricks and hints for better development and Performance
Jonas De Smet
Javascript first-class citizenery
Javascript first-class citizenery
toddbr
Similar to Knockoutjs UG meeting presentation
(20)
jQuery
jQuery
jQuery Rescue Adventure
jQuery Rescue Adventure
Understanding backbonejs
Understanding backbonejs
JQuery Flot
JQuery Flot
The rise and fall of a techno DJ, plus more new reviews and notable screenings
The rise and fall of a techno DJ, plus more new reviews and notable screenings
Scala on Your Phone
Scala on Your Phone
mobl presentation @ IHomer
mobl presentation @ IHomer
Aplicacoes dinamicas Rails com Backbone
Aplicacoes dinamicas Rails com Backbone
Clean Javascript
Clean Javascript
mobl
mobl
Game jump: frontend introduction #1
Game jump: frontend introduction #1
Kick start with j query
Kick start with j query
Backbone js
Backbone js
JQuery introduction
JQuery introduction
international PHP2011_Bastian Feder_jQuery's Secrets
international PHP2011_Bastian Feder_jQuery's Secrets
How te bring common UI patterns to ADF
How te bring common UI patterns to ADF
Discontinuing Reader Matches
Discontinuing Reader Matches
ScalikeJDBC Tutorial for Beginners
ScalikeJDBC Tutorial for Beginners
jQuery: Tips, tricks and hints for better development and Performance
jQuery: Tips, tricks and hints for better development and Performance
Javascript first-class citizenery
Javascript first-class citizenery
Recently uploaded
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Radu Cotescu
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
hans926745
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
debabhi2
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
Khem
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Martijn de Jong
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
wesley chun
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Katpro Technologies
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Puma Security, LLC
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
naman860154
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
Enterprise Knowledge
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
Antenna Manufacturer Coco
Recently uploaded
(20)
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
Knockoutjs UG meeting presentation
1.
www.dotnet.lv
2.
Valdis Iljuconoks Software Architect Microsoft
MVP Geta Latvia, Viiar Consulting valdis.iljuconoks@dotnet.lv http://dotnet.lv/blogs/vi
3.
knockout.js
4.
$(function () {
$("#btn").click(function () { $.getJSON("/api/customers").then(function (customers) { $.each(customers, function () { $("<li>").text(this.FirstName + " " + this.LastName).appendTo("#customers"); }); }); }); });
5.
$(function () {
$("#btn").click(function () { $.getJSON("/api/customers").then(function (customers) { var html = tmpl("cust_tmpl", { customers: customers }); $("#customers").html(html); }); }); }); <script type="text/html" id="cust_tmpl"> {{each customers}} <li><a href="/api/customer/${Id}">${FirstName} ${LastName}</a></li> {{/each}} </script>
6.
Observables Bindings
Utilities Data features Plug-ins
7.
Observables
8.
Observable
Observable Array Dependent Observables (Computed)
9.
// read value var
val = viewmodel.name(); // set value viewmodel.name(“Valdis”) Observables Functions (not all browsers support getters and setters)
10.
viewmodel.customers = ko.obserableArray(); viewmodel.customers.push(new
customer()); Observable Array Use with collections Detect changes only within an array Use knockout array methods (cross-browser)
11.
indexOf(item)
slice(2, 4) push(item) pop() unshift(item) shift() reverse() sort() remove(item) removeAll()
12.
viewmodel.fullname = ko.computed(function()
{ return this.name() + “ ” + this.surname(); }) Dependent Observables (Computed) “this” keyword has to be managed
13.
Observables Bindings
Utilities Data features Plug-ins
14.
Bindings
15.
Built-in Bindings Custom bindings
16.
Built-in Bindings
17.
data-bind=“”
value: html: text: css: style: visible: template: …
18.
Control-flow bindings
19.
data-bind=“” foreach:
if: ifnot: with: …
20.
Custom bindings (most powerful
extension point)
21.
Event binding
22.
addOnEnter: function(model, event)
{ var keycode = (event.which ? event.which : event.keyCode); if (keycode === 13) { viewModel.addTCustomer(); } return true; } data-bind=“event: {keypress: addOnEnter}”
23.
ko.bindingHandlers.yourBindingName = {
init: update: } Custom bindings Define your own behavior
24.
ko.bindingHandlers.executeOnEnter = {
init: function(element, valueAccessor, allBindingAccessor, viewModel) { var value = valueAccessor(); $(element).keypress(function(event) { var keycode = (event.which ? event.which : event.keyCode); if (keycode === 13) { value.call(viewModel); return false; } return true; }); } }; data-bind=“executeOnEnter: addCustomer”
25.
Observables Bindings
Utilities Data features Plug-ins
26.
Utilities
27.
ko.utils.arrayFilter()
28.
ko.utils.arrayFilter()
ko.utils.arrayFirst() ko.utils.arrayForEach() ko.utils.arrayIndexOf() ko.utils.arrayMap() ko.utils.compareArrays() ko.utils.unwrapObservable() …
29.
Observables Bindings
Utilities Data features Plug-ins
30.
Data features
31.
ko.toJS() ko.toJSON()
32.
Observables Bindings
Utilities Data features Plug-ins
33.
Plug-ins
34.
ko.mapping.*
35.
Observables Bindings
Utilities Data features Plug-ins
36.
Resources
37.
knockoutjs.com
blog.stevensanderson.com knockmeout.com stackoverflow.com -> “knockoutjs” groups.google.com -> “knockoutjs”
38.
must have to
build interactive UI
39.
?
40.
Valdis Iljuconoks Software Architect Microsoft
MVP Geta Latvia, Viiar Consulting valdis.iljuconoks@dotnet.lv http://dotnet.lv/blogs/vi
41.
www.dotnet.lv
Download now