The Web Of The Future - Knockout Components

A very simple introduction to Knockout Components

Transcript

1. View Slide

2. View Slide

3. View Slide

4. View Slide

5. View Slide

6. View Slide

7.  KO Components
    DEMO
    KO COMPONENTS IN MEDIUSFLOW XI
    WANT TO KNOW MORE?
   

   View Slide

8. The Web of The
   Future
    KNOCKOUT 3.2.
    SEMANTIC AND DOMAIN - SPECIFIC HTML
    REUSABLE COMPONENTS
    NEW UNIT OF COMPOSITION OF AN APP
   

   View Slide

9. The Web of The
   Future
   
   Mediusflow XI
   
   
   
   
   
   
   
   
   
   html template
   view model
   define(function(){
   function ViewModel(params){
   // stuff
   };
   return ViewModel;
   });
   

   View Slide

10. The Web of The
    Future
     improve front-end architecture
     IMPROVE COMPOSABILIty AND CODE REUSE
     improve readability
     IMPROVE PERFORMANCE: AMD, DISPOSAL
    

    View Slide

11. View Slide

12. https://github.com/Vintharas/BackToTheFutureOfTheWeb
    

    View Slide

13. The Web of The
    Future
    

    View Slide

14. The Web of The
    Future
    1. UPDATE KNOCKOUT.JS to 3.2 VERSION
    2. ROCK ON!
    

    View Slide

15. View Slide

16. The Web of The
    Future
    https://vimeo.com/97519516
    https://vimeo.com/97519516
    

    View Slide

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
    

    View Slide

18. The Web of The
    Future
    ENJOY THOSE WEB COMPONENTS!
    

    View Slide