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
240

Other Decks in Programming

See All in Programming
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
5
150
433ce798352c6d5ad363b3b585cb015d?s=48 rizumi
5
530
Cd34440e6c181704f318319e131af68d?s=48 naokioouchi
0
160
249b3122eee454c0a818bfe7851418e4?s=48 fromkk
1
260
473b12ebcfb79adfaef97796e94fc25c?s=48 hironytic
4
450
376e4eb9dc6c2e33d1330262edc4f109?s=48 janko_m
0
310
0620564f0125b8b3b7f4fe40c10b8b4e?s=48 tattn
0
350
575ca492bac55e895d0e1c86f7d709fe?s=48 hschwentner
9
1.6k
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
4
220
30682a28206e455a1bc57d7d85cd1e14?s=48 shomasegi
2
280
42a6a049ac8f5265f31858a9509217fb?s=48 uhooi
2
330
94138d52371ef2791611f01dd41764f4?s=48 joekarlsson
0
130

Featured

See All Featured
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
184
14k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
65
2.9k
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
356
62k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
219
110k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
218
14k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
18
910
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
448
35k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
91
2.8k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
105
9.5k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
78
3.2k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
391
60k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
55
5.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!