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
830
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
340
The Way of the ReSharper Samurai
vintharas
0
420
Other Decks in Programming
See All in Programming
たのしいparse.y
ydah
3
120
複雑な仕様に立ち向かうアーキテクチャ
myohei
0
170
数十万行のプロジェクトを Scala 2から3に完全移行した
xuwei_k
0
260
menu基盤チームによるGoogle Cloudの活用事例~Application Integration, Cloud Tasks編~
yoshifumi_ishikura
0
110
htmxって知っていますか?次世代のHTML
hiro_ghap1
0
330
事業成長を爆速で進めてきたプロダクトエンジニアたちの成功談・失敗談
nealle
3
1.4k
快速入門可觀測性
blueswen
0
320
バグを見つけた?それAppleに直してもらおう!
uetyo
0
170
これが俺の”自分戦略” プロセスを楽しんでいこう! - Developers CAREER Boost 2024
niftycorp
PRO
0
190
CSC305 Lecture 26
javiergs
PRO
0
140
なまけものオバケたち -PHP 8.4 に入った新機能の紹介-
tanakahisateru
1
120
コンテナをたくさん詰め込んだシステムとランタイムの変化
makihiro
1
120
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.4k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.3k
The Invisible Side of Design
smashingmag
298
50k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
Typedesign – Prime Four
hannesfritz
40
2.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
32
2.7k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
A Modern Web Designer's Workflow
chriscoyier
693
190k
The Language of Interfaces
destraynor
154
24k
GitHub's CSS Performance
jonrohan
1030
460k
Building Adaptive Systems
keathley
38
2.3k
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!