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
550
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
270
1dfad8107453e0f493ff1a6a8e48d503?s=48 vintharas
0
250

Other Decks in Programming

See All in Programming
1e72c797afb9bab65655a1eb7d183460?s=48 syobochim
0
130
C302e84057a922dce0ecbe80207e3fcc?s=48 mu_zaru
1
130
37b01da9150c1e789f35771b06d36890?s=48 morimorihoge
1
210
B8811aa702d3f891ad13385f2ef99383?s=48 yotubarail
0
120
1405a601755e5fcbfdc93a2560368bb1?s=48 freddi
0
220
8cc27471bcdeb2858fca212586a208b4?s=48 takahia1988
0
340
354e3e2cfb772abdf62bd92c92f89547?s=48 tarunpothulapati
0
130
6170c1d1970baf2a36a9ae2955e47ff3?s=48 jimhester
0
260
3b38214ae9927683d69680cb6161852b?s=48 jorgecastilloprz
0
1.9k
F52f4adb291c5b44bd8ad1433dfedaaf?s=48 ytyubox
1
470
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
1
130
1dfa2bb34977b1db41d0d46d4505183f?s=48 osuke
2
300

Featured

See All Featured
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
86
3.9k
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
56
6.2k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
27
900
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
317
18k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
5
580
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
258
16k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
190
17k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
773
190k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
155
6.3k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
258
11k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
220
110k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.5k

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!