TRUG#54 - Z czym się je VueJS

Transcript

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

2. None
3. None

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

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

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

7. THE PROGRESSIVE FRAMEWORK

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

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

10. DECLARATIVE RENDERING DEMO

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

12. <nav></nav> <cover></cover> <slider></slider> <tab> <article></article> </tab> <tab> <article></article> </tab>

13. COMPONENT SYSTEM DEMO

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

15. VUE CLI * npm install -g vue-cli * vue init

    webpack project_name * cd project_name * npm install —save-dev * npm start dev

16. CHROME EXTENSION

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

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

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

20. PYTANIA?

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