Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
The Web Of The Future - Knockout Components
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Jaime
September 12, 2014
Programming
1
1.3k
The Web Of The Future - Knockout Components
A very simple introduction to Knockout Components
Jaime
September 12, 2014
Tweet
Share
More Decks by Jaime
See All by Jaime
Mastering the Arcane Art of JavaScriptmancy @ DevSum
vintharas
1
910
From Angular 1 to Angular 2
vintharas
0
2.2k
Mastering The Arcane Art of JavaScriptmancy - Swetugg Edition
vintharas
1
1.6k
Mastering the Arcane Art of JavaScript-mancy
vintharas
0
3.9k
Level-Up Your Code-Fu With Chuck Norris (and ReSharper, VsVim and NCrunch)
vintharas
0
1.4k
Introduction to RavenDB
vintharas
0
1.4k
The Path to Jedi Text Editing With VIM - Padawan Edition
vintharas
0
1.9k
TypeScript
vintharas
3
390
The Way of the ReSharper Samurai
vintharas
0
560
Other Decks in Programming
See All in Programming
Vibe Coding - AI 驅動的軟體開發
mickyp100
0
180
Best-Practices-for-Cortex-Analyst-and-AI-Agent
ryotaroikeda
1
110
KIKI_MBSD Cybersecurity Challenges 2025
ikema
0
1.3k
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
tetutetu214
2
120
CSC307 Lecture 07
javiergs
PRO
1
550
CSC307 Lecture 01
javiergs
PRO
0
690
Fluid Templating in TYPO3 14
s2b
0
130
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
azukiazusa1
1
740
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
manfredsteyer
PRO
0
130
副作用をどこに置くか問題:オブジェクト指向で整理する設計判断ツリー
koxya
1
610
AIで開発はどれくらい加速したのか?AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
daisuketakeda
1
2.5k
Unicodeどうしてる? PHPから見たUnicode対応と他言語での対応についてのお伺い
youkidearitai
PRO
1
2.6k
Featured
See All Featured
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.2k
WCS-LA-2024
lcolladotor
0
450
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.2k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.8k
Java REST API Framework Comparison - PWX 2021
mraible
34
9.1k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
120
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.7k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
830
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
2.1k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
320
Test your architecture with Archunit
thirion
1
2.2k
Transcript
None
None
None
None
None
None
KO Components DEMO KO COMPONENTS IN MEDIUSFLOW
XI WANT TO KNOW MORE?
The Web of The Future KNOCKOUT 3.2. SEMANTIC
AND DOMAIN - SPECIFIC HTML REUSABLE COMPONENTS NEW UNIT OF COMPOSITION OF AN APP
The Web of The Future <html> <head><title>Mediusflow XI</title></head> <body> <app-header></app-header>
<inbox params=‘tasks’></inbox> <task params=‘selectedTask’></task> </body> </html> <folders></folders> <inbox-filter></inbox-filter> <grid params=“gridConfig”></grid> html template view model define(function(){ function ViewModel(params){ // stuff }; return ViewModel; });
The Web of The Future improve front-end architecture
IMPROVE COMPOSABILIty AND CODE REUSE improve readability IMPROVE PERFORMANCE: AMD, DISPOSAL
None
https://github.com/Vintharas/BackToTheFutureOfTheWeb
The Web of The Future
The Web of The Future 1. UPDATE KNOCKOUT.JS to 3.2
VERSION 2. ROCK ON!
None
The Web of The Future https://vimeo.com/97519516 https://vimeo.com/97519516
The Web of The Future KNOCKOUT DOCUMENTATION http://knockoutjs.com/documentation/component-overview.html
KNOCKMEOUT.NET on components http://www.knockmeout.net/2014/06/knockout-3-2-preview-components.html WEB COMPOnents W3C STANDARD http://www.w3.org/TR/components-intro/ POLYMER https://www.polymer-project.org/ ANGULAR.JS CUSTOM DIRECTIVES https://docs.angularjs.org/guide/directive
The Web of The Future ENJOY THOSE WEB COMPONENTS!