VueJS para desenvolvedores Angular

Transcript

1. Vuejs para desenvolvedores Angular
2. Weslley Neri @weslley_neri weslley39 Front-End Dev - redspark
3. Evolução das tecnologias web
4. HTML5 REVOLUCIONOU A WEB
5. SIGNIFICADO DE REVOLUCIONAR "Interrompe totalmente a ordem estabelecida e altera a dinâmica de tudo em volta "
6. E O FRONT-END REINOU E COM ISSO, O CÁOS
7. DEVO REALMENTE USAR UM FRAMEWORK
8. VANTAGENS • Não reinventar a roda • Faça mais com menos código • Economizar tempo (& dinheiro) • Traz ordem ao caos
9. Pesquisa sobre frameworks Front-End +3k de respostas
10. DEVs que usaram cada “sabor” de JS
11. % de não usuários que querem aprender um framework
12. ENTÃO DEVO USAR VUEJS ??
13. DEPENDE
14. Depende do que ? • Quão experiente você é • Quão grande é a sua equipe • Que tipo de projeto vai ser desenvolvido
15. DEVE ESCOLHER A FERRAMENTA CORRETA
16. O QUE É ESSE TAL DE Vuejs • Framework progressivo open source • Primeira release em 2014 • +34k stars no github • +200k downloads por mês • Criado por Evan You (Meteor)
17. QUEM ESTA USANDO
18. O QUE VOCÊ REALMENTE DEVE SABER
20. Vuejs Não é “um angular mais simples” ou “um angular melhorado” Uma aplicação Angular possui ao menos um módulo, um controller e um template. Uma aplicação Vuejs possui ao menos um componente.
21. Vuejs Angular Criar aplicações baseadas em componentes. Criar aplicações “baseadas em templates”
22. ==
23. BOOTSTRAP
24. BOOTSTRAP Vuejs Angular
25. INTERPOLAÇÃO DE TEXTO
26. BIND DE TEXTO
27. BIND DE HTML
28. BIND DE ATRIBUTOS
29. UTILIZAÇÃO DE FILTROS
30. MANIPULAÇÃO DO DOM
31. LISTAS
32. EVENT HANDLER
33. EVENT HANDLER
34. COMPONENTES
35. ANGULAR
36. VUE
37. ROTAS
38. Vuejs Angular
39. HTTP
40. Vuejs Angular RESOURCE
41. Vuejs Angular HTTP
42. MÉTODOS DATA/EVENT
43. Vuejs Angular WATCH
44. Vuejs Angular ON
45. SHOW TIME
46. COMO/ONDE APRENDER?
47. @weslley_neri weslley39