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
570
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
290
1dfad8107453e0f493ff1a6a8e48d503?s=48 vintharas
0
260

Other Decks in Programming

See All in Programming
9242ec5423930ab9ab881ce07f4d4fcf?s=48 e99h2121
0
1.5k
Ff2c33d63aa8e06c90f4638c6266b4fb?s=48 sheharyar
1
370
0eb5ff24722856be0e9c4f66faf363be?s=48 greendog
1
3.4k
E34a23c60570ce871f2ee3ea59b93ca0?s=48 pentla
2
200
8f2c3621c8a56710b8fc8b993f400ef3?s=48 hirokiabe
0
220
34fcd5f1deeb25b1138e9845137feb6e?s=48 kakutani
0
140
8f84b7d8869ef6005d89b378e8661f7c?s=48 masuda220
8
5.1k
3c031541ed3d92869414857dfef853de?s=48 koher
8
900
72a2082c6a4dd79ad68befb3db911616?s=48 mraible
PRO
0
390
82d6167c4d14393c2e20b37a74b363c5?s=48 kasacchiful
0
200
E9e3472b8801ed21298ccefeecfaf429?s=48 takamichie
PRO
0
210
8673a339e4002704b42bc66c43c65445?s=48 scrpgil
0
100

Featured

See All Featured
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
96
3.3k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
167
19k
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
118
26k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
297
39k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
660
54k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
315
21k
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
292
110k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
10
730
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
256
17k
245cee81a9c424266e5e401d844ea881?s=48 lara
175
10k
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
107
6.5k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
218
16k

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!