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
960
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
410
The Way of the ReSharper Samurai
vintharas
0
600
Other Decks in Programming
See All in Programming
タクシーアプリ『GO』の バックエンド開発のおける AI利活用と若者のすべて
pyama86
3
1.9k
net-httpのHTTP/2対応について
naruse
0
440
肥大化するレガシーコードに立ち向かうためのインターフェース分離と依存の逆転 / JJUG CCC 2026 Spring
hirokunimaeta
0
500
脅威をエンジニアリングの糧にして――現場編 / Turning Threats into Engineering Fuel — Field Edition
nrslib
0
250
「AIで開発し、AIを届ける」をEvalでつなぐ 〜AIネイティブに始めるプロダクト開発の実践〜 / Connecting "Develop with AI, deliver AI" with Eval
rkaga
4
2.4k
ビジネスモデルから紐解く、AI+型駆動開発
hirokiomote
2
5.2k
開発体験を左右するライブラリの API 設計 - GraphQL スキーマ構築ライブラリから考える #tskaigi
izumin5210
2
1.6k
AIエージェントの隔離技術の徹底比較
kawayu
0
460
Swiftのレキシカルスコープ管理
kntkymt
0
210
The Arts and Crafts of Work in the AI Era — Toward Mastery in Software Development
kuranuki
1
720
SPMマルチモジュールで テストカバレッジを取得する技法
yosshi4486
0
140
OSもどきOS
arkw
0
450
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6k
BBQ
matthewcrist
89
10k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.5k
HDC tutorial
michielstock
2
690
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
590
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.4k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
190
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.7k
Are puppies a ranking factor?
jonoalderson
1
3.5k
What's in a price? How to price your products and services
michaelherold
247
13k
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!