The Web Of The Future - Knockout Components

A very simple introduction to Knockout Components

Transcript

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
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!
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!