TRUG#54 - Z czym się je VueJS

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