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
Foundation Models frameworkで画像分析
ryodeveloper
1
600
AIが無かった頃の素敵な出会いの話
codmoninc
1
400
Claude CodeとAgentCore Gatewayを繋ぐ際の認証認可 / Authentication and authorization when connecting Claude Code with AgentCore Gateway
har1101
2
260
琵琶湖の水は止められてもNet--HTTPのリトライは止められない / You might be able to stop the water flow of Lake Biwa but you can't stop Net::HTTP retries
luccafort
PRO
0
620
php-fpmのプロセスが枯渇した日-調査・対処・そして本当にやるべきだったこと-
shibuchaaaan
0
250
ルールを書いて終わらせないハーネスエンジニアリング
yug1224
4
1.9k
【QA Test Talk Vol.8】AI-DLC による Whole Team Approach の加速
pkshadeck
PRO
0
120
AI Engineeringは、AIプロダクトだけのものか? 〜AIがソフトウェアを作る時代の新しい当たり前〜 / No AI in your product. AI Engineering in your development.
rkaga
4
380
【やさしく解説 設計編・中級 #4】ルールの寿命と、システムの年輪
panda728
PRO
2
180
為什麼你並不需要ViewModel / No, you don't need a ViewModel
lovee
1
480
仕様駆動開発の消費期限
watany
17
7.4k
Terraform標準の組織で AWS CDKをどう使うか
mu7889yoon
1
490
Featured
See All Featured
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
370
Game over? The fight for quality and originality in the time of robots
wayneb77
1
240
VelocityConf: Rendering Performance Case Studies
addyosmani
333
25k
Statistics for Hackers
jakevdp
799
230k
How STYLIGHT went responsive
nonsquared
100
6.2k
Code Review Best Practice
trishagee
74
20k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
The Cost Of JavaScript in 2023
addyosmani
55
10k
The Curious Case for Waylosing
cassininazir
1
450
The Limits of Empathy - UXLibs8
cassininazir
1
600
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
250
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!