Upgrade to Pro — share decks privately, control downloads, hide ads and more …

TRUG#54 - Z czym się je VueJS

TRUG#54 - Z czym się je VueJS

Adam Okoń

August 24, 2016
Tweet

More Decks by Adam Okoń

Other Decks in Programming

Transcript

  1. Z CZYM SIĘ JE VUE.JS
    Adam Okoń
    @adamokon

    View Slide

  2. View Slide

  3. View Slide

  4. zródło: http://www.slideshare.net/ZoeLandon/on-selecting-javascript-frameworks#5

    View Slide

  5. zródło: http://www.theregister.co.uk/2016/03/23/npm_left_pad_chaos/

    View Slide

  6. źródło: https://medium.com/friendship-dot-js/i-peeked-into-my-node-modules-
    directory-and-you-wont-believe-what-happened-next-b89f63d21558#.zebq07wlz

    View Slide

  7. THE PROGRESSIVE FRAMEWORK

    View Slide

  8. Zródło: https://docs.google.com/presentation/d/1zQ3Frm3DxSw_qY-
    KEuykkIUREO-ueFbOyMd1Kd8nqKE/edit#slide=id.g5fc474681_041

    View Slide

  9. źródło: https://docs.google.com/presentation/d/1WnYsxRMiNEArT3xz7xXHdKeH1C-
    jT92VxmptghJb5Es/edit#slide=id.g1631867b25_0_108

    View Slide

  10. DECLARATIVE RENDERING
    DEMO

    View Slide

  11. źródło: https://docs.google.com/presentation/d/1WnYsxRMiNEArT3xz7xXHdKeH1C-
    jT92VxmptghJb5Es/edit#slide=id.g5fc474681_0412

    View Slide










  12. View Slide

  13. COMPONENT SYSTEM
    DEMO

    View Slide

  14. https://github.com/vuejs/vue-loader

    View Slide

  15. VUE CLI
    * npm install -g vue-cli
    * vue init webpack project_name
    * cd project_name
    * npm install —save-dev
    * npm start dev

    View Slide

  16. CHROME EXTENSION

    View Slide

  17. • https://github.com/vuejs/vue-hackernews-2.0
    • http://vuikit.github.io/vuikit/#!/alert
    • http://quasar-framework.org

    View Slide

  18. VUE RC JUŻ DOSTĘPNE
    HTTP://RC.VUEJS.ORG

    View Slide

  19. PODSUMOWANIE
    * łatwy i przyjemny proces nauki
    * bardzo dobra dokumentacja
    * całkiem sporo narzędzi jak na taki młody ekosystem
    * otwarte community
    * wydajny system renderowania
    * wbudowana obsługa animacji
    * sensowny proces wydawniczy

    View Slide

  20. PYTANIA?

    View Slide

  21. DZIĘKI!
    Adam Okoń (@adamokon)
    https://github.com/aokon

    View Slide