Rich Web UIs with Knockout.js
summary
Knockout.js provides a small MVVM library (~half the size of major alternatives) that implements computed observables with automatic dependency tracking so functions re-evaluate only when their inputs change, shown with a working shopping-cart demo (add/remove lines, per-line subtotal, chained subtotal-after-tax, grand total). It supports IE6 compatibility, declarative DOM bindings (for-each, click, text) and an extensibility point via custom bindings used to format currency; all demo features run live and update efficiently.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 0:40Problem
- 1:37Knockoutjs
- 2:53What is unique about Knockout
- 7:27Evaluation
- 8:39Changes
- 9:57Collections
- 11:30Table
- 12:59Adding and removing
- 14:58Remove line
- 15:59Test
- 17:16Rounding
- 17:55Currency
- 20:05Summary
related talks
44mModern JavaScript: Moving Beyond jQuery
36mFunctional-Reactive User Interfaces in the modern Web Platform
19mA comparison of the two-way binding in AngularJS, EmberJS and KnockoutJS
01h 29mClient-Side UI Smackdown
25mDesigning Reactive Angular Components (RxJS)
36mFunctional reactive UI with JavaScript
40mSvelte, cybernetically enhanced web apps
38mA Deep Dive into Kendo UI