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
1.2k
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
810
From Angular 1 to Angular 2
vintharas
0
2.1k
Mastering The Arcane Art of JavaScriptmancy - Swetugg Edition
vintharas
1
1.5k
Mastering the Arcane Art of JavaScript-mancy
vintharas
0
3.8k
Level-Up Your Code-Fu With Chuck Norris (and ReSharper, VsVim and NCrunch)
vintharas
0
1.3k
Introduction to RavenDB
vintharas
0
1.3k
The Path to Jedi Text Editing With VIM - Padawan Edition
vintharas
0
1.8k
TypeScript
vintharas
3
330
The Way of the ReSharper Samurai
vintharas
0
390
Other Decks in Programming
See All in Programming
Why Prism?
kddnewton
4
480
BasicBasic認証
sadnessojisan
5
2.7k
複雑さに立ち向かうための ソフトウェア開発入門
shiz
3
620
ゲームボーイアドバンスでSwiftを動かそう
k_koheyi
0
520
LangGraphでのHuman-in-the-Loopの実装
os1ma
3
800
App Router を実プロダクトで採用して見えてきた勘所をちょっとだけ紹介
marokanatani
0
470
Rustではじめる負荷試験
skanehira
5
1.2k
Playwrightから始めるVisual Regression Testingのススメ by とっと
totto2727
2
1.8k
Modular Monolith Go Server with GraphQL Federation + gRPC
110y
1
560
Some more adventure of Happy Eyeballs
coe401_
2
150
全力の跳躍を捉える計測アプリを作る
ogijun2018
0
1.1k
Swiftで高速フーリエ変換してオーディオビジュアライザーを作る / iOSDC Japan 2024 Day1 Track D
kyome22
2
470
Featured
See All Featured
Infographics Made Easy
chrislema
239
18k
For a Future-Friendly Web
brad_frost
173
9.3k
Web Components: a chance to create the future
zenorocha
308
41k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
52k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
The Cult of Friendly URLs
andyhume
76
5.9k
Embracing the Ebb and Flow
colly
83
4.4k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Done Done
chrislema
180
16k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
27
7.4k
How to train your dragon (web standard)
notwaldorf
85
5.6k
Rebuilding a faster, lazier Slack
samanthasiow
78
8.5k
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!