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

Other Decks in Programming

See All in Programming
123f264bb3f071d7422c4ca8e83f27a8?s=48 antonshilov
1
120
7e0087a19318ded4ba2203187694740f?s=48 christianweyer
PRO
0
290
3009eedce0d0f7ae45987a7bd8f57b85?s=48 nkjzm
1
180
Ae276805027a01983503c3edafbdb6b2?s=48 martysuzuki
1
490
8434e5fcdb11033234455d4b2bfb6bb3?s=48 voyage_tech
0
110
3295d80faee461db1093982361256fe4?s=48 panini
1
160
A1216674d5c9747bcdcc716872439137?s=48 larsrh
0
110
3c86b5e68b972038efd6c5cd1553d46b?s=48 sters
2
140
5ade34f8bdf1b55c4ff82c11cf23cf42?s=48 minamijoyo
3
510
57623c5cef7c777c4bf3103cf06c2d6c?s=48 yoshinoriiiii
0
110
Dcbf2269af2483cabf43128ad1718c11?s=48 grapecity_dev
0
180
843e2b37af4a84f89438478aa939a324?s=48 heistak
2
130

Featured

See All Featured
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
8
720
A9704266587836f7e784235e5073b93e?s=48 jmmastey
10
610
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
14
4.3k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
157
6.4k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
61
9.3k
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
16
1.8k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
93
3k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
1
520
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.6k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
27
2k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
6
720
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
82
4.7k

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!