Conhecendo vuejs
0 gostou165 visualizações
O documento apresenta os principais conceitos e benefícios do framework Vue.js, incluindo seu criador Evan You, componentes, Single Page Applications, diretivas, ciclo de vida de instâncias, e integração com bibliotecas como Vuex e Vue Router.
Conhecendo vuejs
- 1. Conhecendo os benefícios do VueJS e seu ecossistema Pedro Barros
- 3. About me - Desenvolvedor em Unimed Maceió; - Formado Técnico em Informática; - Graduado em Análise e Desenvolvimento de Sistemas; - Especialista em Engenharia de Software; - Pós-graduando em MBA Gerência de Projetos. Redes sociais pedroebarros ped.barros pedbarros pedbarros
- 4. Coisas que eu aprendi na carreira ● Adote uma estrutura que auxilie a resolver seu problema; ● Para cada problema, existe um framework que irá mais atender; ● Sempre haverá um novo framework popular; ● Escolha um que seja estável e domine-o; ● Não tenha medo de mexer primeiro; NUNCA PARE DE APRENDER!!!
- 6. Evan You ● Criador do VueJs; ● Começou o Vue como um projeto pessoal quando estava trabalhando no Google Creative Labs em 2013; ● Queria algo mais simples e acessível; ● Em 2016, trabalhou full-time no projeto do Vue. ● Primeiro lançamento Fev. 2014 (v0.6) ● Primeira versão estável Out. 2015 (v1.0.0) ● Última versão estável: 2.5.16 https://github.com/open-source/stories/yyx990803
- 7. Evan You
- 10. Empresas que usam o VueJS no Brasil https://github.com/vuejs-br/empresas-que-usam-vue-no-brasil
- 12. O que é Vue.js? ● Library progressiva; ● Dar poder as Single-Page Applications (SPA); ● Rápida, eficaz e com pouca curva de aprendizado. https://br.vuejs.org/v2/guide/index.html
- 14. Objetivo do Vue.js? O objetivo primário do Vue.js é criar interfaces reativas usando componentes.
- 15. Podemos aumentar a complexidade da estrutura incrementalmente, somente quando a complexidade do projeto exige isso. Evan You, Criador do Vue.js http://blog.evanyou.me/2015/12/20/vuejs-2015-in-review/
- 16. Como conheci o VueJs?
- 17. https://t.me/vuejsbrasil https://www.facebook.com/groups/vuejsbr/ Comunidade, comunidade e comunidade!
- 18. Componentes
- 19. Componentes
- 20. Características dos componentes ● Pequenas unidades; ● Altamente especializados; ● Facilmente testáveis; ● Permitem composição; ● Fazem com que você DRY; (Don't repeat yourself (em português Não repita a si mesmo) ● Encapsulam estrutura, visual e comportamento. INTERAGE INFORMAÇÃO ENTRE SI
- 23. Pré-requisito: NODEJS $ npm install -g @vue/cli # or $ yarn global add @vue/cli
- 24. Criando um projeto $ vue create nomeDoMeuProjeto
- 26. Rodando a aplicação $ cd nomeDoMeuProjeto $ npm run serve
- 28. $ vue ui
- 29. Vue UI
- 30. Vue UI
- 31. Vue UI
- 35. DOM
- 36. Como VueJS atualiza o DOM
- 37. Ciclo de vida de uma instância Vue
- 42. Diretivas
- 44. Event handling
- 46. Loops
- 48. Vuex ● Padrão de gerenciamento de estado para aplicativos Vue.js; ● Store centralizado; ● Integração com a extensão oficial Vue devtools; ● Depuração viajando pelo histórico de estado (time travel). https://vuex.vuejs.org/
- 50. Vue DevTools
- 52. Router
- 53. Vuex
- 54. E no mobile? Quasar Framework NativeScript-Vue Vue-Native
- 57. VuePeople
- 60. Obrigado!