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
Jaime
September 12, 2014
Programming
1.3k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
The Web Of The Future - Knockout Components
A very simple introduction to Knockout Components
Jaime
September 12, 2014
More Decks by Jaime
See All by Jaime
Mastering the Arcane Art of JavaScriptmancy @ DevSum
vintharas
1
980
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
420
The Way of the ReSharper Samurai
vintharas
0
610
Other Decks in Programming
See All in Programming
torikago - Ruby::Boxで照らすモジュラモノリスの実行境界
se4weed
1
120
Terraform標準の組織で AWS CDKをどう使うか
mu7889yoon
1
400
霧の中の代数的エフェクト
funnyycat
1
440
【やさしく解説 設計編・中級 #4】ルールの寿命と、システムの年輪
panda728
PRO
2
170
AWS CDK を「作」ってみた 〜フルスクラッチで見えた CDK の裏側〜 / aws-cdk-from-scratch
gotok365
3
2.6k
地域 SRE コミュニティ最前線 - ホンマでっかSRE勉強会
tk3fftk
0
280
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
hanhan1978
4
1.4k
自動化したのに回らないテスト運用の壁ーAI時代の品質責任と生産性
mfunaki
0
100
【やさしく解説 設計編 #1】「ドメイン駆動」と「実装駆動」ってなに? 〜設計の考え方を、たとえ話で学ぼう〜
panda728
PRO
1
140
[RVD26] Vibe Architecture en 2040 : Darwin a-t-il (enfin) eu raison des architectes ?
alexandretouret
0
110
PHP初心者セッション2026 〜生成AIでは見えない裏側を知る:今だからLAMPを通して仕組みを学ぶ〜
kashioka
0
710
【SRE NEXT 2026 Lunch Session】一人目専任SREの立ち上げを加速する ― AIと進めたオンボーディングで2分を0.04秒にした話
pkshadeck
PRO
0
3.2k
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.8k
Design in an AI World
tapps
1
270
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
1
3.7k
SEO for Brand Visibility & Recognition
aleyda
0
4.6k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.9k
How Software Deployment tools have changed in the past 20 years
geshan
0
34k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
230
Unsuck your backbone
ammeep
672
58k
[SF Ruby Conf 2025] Rails X
palkan
2
1.2k
We Have a Design System, Now What?
morganepeng
55
8.2k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
200
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!