Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Web Of The Future - Knockout Components

Avatar for Jaime Jaime
September 12, 2014
Programming
1.3k
1

The Web Of The Future - Knockout Components

A very simple introduction to Knockout Components

Avatar for Jaime

Jaime

September 12, 2014

More Decks by Jaime

See All by Jaime
Mastering the Arcane Art of JavaScriptmancy @ DevSum
Avatar for Jaime vintharas
1
930
From Angular 1 to Angular 2
Avatar for Jaime vintharas
0
2.2k
Mastering The Arcane Art of JavaScriptmancy - Swetugg Edition
Avatar for Jaime vintharas
1
1.6k
Mastering the Arcane Art of JavaScript-mancy
Avatar for Jaime vintharas
0
3.9k
Level-Up Your Code-Fu With Chuck Norris (and ReSharper, VsVim and NCrunch)
Avatar for Jaime vintharas
0
1.4k
Introduction to RavenDB
Avatar for Jaime vintharas
0
1.4k
The Path to Jedi Text Editing With VIM - Padawan Edition
Avatar for Jaime vintharas
0
1.9k
TypeScript
Avatar for Jaime vintharas
3
400
The Way of the ReSharper Samurai
Avatar for Jaime vintharas
0
580

Other Decks in Programming

See All in Programming
年間50登壇、単著出版、雑誌寄稿、Podcast出演、YouTube、CM、カンファレンス主催……全部やってみたので面白さ等を比較してみよう / I’ve tried them all, so let’s compare how interesting they are.
Avatar for nrs nrslib
4
780
「接続」—パフォーマンスチューニングの最後の一手 〜点と点を結ぶ、その一瞬のために〜
Avatar for 武田 憲太郎 kentaroutakeda
5
2.5k
3分でわかるatama plusのQA/about atama plus QA
Avatar for atama plus atamaplus
0
160
ローカルで稼働する AI エージェントを超えて / beyond-local-ai-agents
Avatar for geeawa gawa
3
270
ファインチューニングせずメインコンペを解く方法
Avatar for pokutuna pokutuna
0
300
ハンズオンで学ぶクラウドネイティブ
Avatar for Tatsuki Minami tatsukiminami
0
120
アーキテクチャモダナイゼーションとは何か
Avatar for nwiizo nwiizo
17
5k
Coding as Prompting Since 2025
Avatar for Jimmy Moon ragingwind
0
820
Xdebug と IDE による デバッグ実行の仕組みを見る / Exploring-How-Debugging-Works-with-Xdebug-and-an-IDE
Avatar for shin1x1 shin1x1
0
370
AWS re：Invent 2025の少し振り返り ＋ DevOps AgentとBacklogを連携させてみた
Avatar for Satoshi Kaneyasu satoshi256kbyte
3
160
PDI: Como Alavancar Sua Carreira e Seu Negócio
Avatar for Marcel dos Santos marcelgsantos
0
120
Feature Toggle は捨てやすく使おう
Avatar for gennei gennei
0
580

Featured

See All Featured
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
170
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
330
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
140
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.1k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
730
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.3k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.7k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
170
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.2k

Transcript

  1. None
  2. None
  3. None
  4. None
  5. None
  6. None

  7.  KO Components  DEMO  KO COMPONENTS IN MEDIUSFLOW

    XI  WANT TO KNOW MORE?

  8. The Web of The Future  KNOCKOUT 3.2.  SEMANTIC

    AND DOMAIN - SPECIFIC HTML  REUSABLE COMPONENTS  NEW UNIT OF COMPOSITION OF AN APP

  9. 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; });

  10. The Web of The Future  improve front-end architecture 

    IMPROVE COMPOSABILIty AND CODE REUSE  improve readability  IMPROVE PERFORMANCE: AMD, DISPOSAL
  11. None

  12. https://github.com/Vintharas/BackToTheFutureOfTheWeb

  13. The Web of The Future

  14. The Web of The Future 1. UPDATE KNOCKOUT.JS to 3.2

    VERSION 2. ROCK ON!
  15. None

  16. The Web of The Future https://vimeo.com/97519516 https://vimeo.com/97519516

  17. 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

  18. The Web of The Future ENJOY THOSE WEB COMPONENTS!