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

The Web Of The Future - Knockout Components

1dfad8107453e0f493ff1a6a8e48d503?s=47 Jaime
September 12, 2014
Programming
1
1.2k

The Web Of The Future - Knockout Components

A very simple introduction to Knockout Components

1dfad8107453e0f493ff1a6a8e48d503?s=128

Jaime

September 12, 2014
Tweet

More Decks by Jaime

See All by Jaime
1dfad8107453e0f493ff1a6a8e48d503?s=48 vintharas
1
560
1dfad8107453e0f493ff1a6a8e48d503?s=48 vintharas
0
2k
1dfad8107453e0f493ff1a6a8e48d503?s=48 vintharas
1
1.4k
1dfad8107453e0f493ff1a6a8e48d503?s=48 vintharas
0
3.7k
1dfad8107453e0f493ff1a6a8e48d503?s=48 vintharas
0
1.2k
1dfad8107453e0f493ff1a6a8e48d503?s=48 vintharas
0
1.3k
1dfad8107453e0f493ff1a6a8e48d503?s=48 vintharas
0
1.7k
1dfad8107453e0f493ff1a6a8e48d503?s=48 vintharas
3
280
1dfad8107453e0f493ff1a6a8e48d503?s=48 vintharas
0
260

Other Decks in Programming

See All in Programming
56047a7b11797f42c2e7030d771fe803?s=48 oleur
1
100
A760a90c9afd981004343b9861f1e8b4?s=48 daipresents
0
150
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
6
730
B1bddcb899ec3060fe9913f3cb70dbb6?s=48 lmt_swallow
5
1.5k
A0aae1297a0593c1316abdcdb4131e3a?s=48 toedter
0
190
80f7ecadd79bc55cfc05eef02a3bc867?s=48 makky0620
0
330
C951afc0782b7d3d4800e25b4a4938a9?s=48 shinnoki
0
1.4k
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
1
190
E3c2bac7a4a04823dda122cf243edd01?s=48 claudioed
1
260
15ea8d31e84f0b229ebd4aea87f02d30?s=48 canisterism
0
120
Aea43fe34799c7ae03e9793919e39c65?s=48 sisshiki1969
0
740
85d7f0ae00c0cf1092dffcec966e3ae9?s=48 mattak
26
15k

Featured

See All Featured
Ae14cc4491ac334f9cd23f9f93b4305e?s=48 orderedlist
PRO
331
36k
78b475797a14c84799063c7cd073962f?s=48 holman
288
130k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
22
1.3k
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
154
11k
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
252
11k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
119
16k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
82
4.8k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
242
21k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
29
990
282d599b414022eba5096510f675b6e2?s=48 chrislema
231
16k
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
56
9.4k
79acae287842acf29084005533a7fb3b?s=48 hursman
108
9.3k

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!