$30 off During Our Annual Pro Sale. View Details »

The Web Of The Future - Knockout Components

Jaime
September 12, 2014

The Web Of The Future - Knockout Components

A very simple introduction to Knockout Components

Jaime

September 12, 2014
Tweet

More Decks by Jaime

Other Decks in Programming

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