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

Apresentando o VueJs

Apresentando o VueJs

2017

More Decks by Jonathan Cruz Rocha Ferreira

Other Decks in Programming

Transcript

  1. O que é Vuejs? É simplesmente uma biblioteca javascript para

    o desenvolvimentos de componentes reativos para interfaces web modernas. Ao contrário de outras estrutura monolíticas, Vue é projetado desde o início para ser adaptável.
  2. Componente ?? Podemos dizer que é um conjunto de códigos

    (html, css e javascript) e juntos compõem uma interface reaproveitável. Um das características do Web Components é a possibilidade de usar como tags html customizadas, sendo fácil reutilizar, ler(??) e entender. Atualmente é o que tem mais de moderno em construção de interfaces com javascript.
  3. Reativo?? Resumindo é ter um objeto javascript que fica servindo

    como um ‘watcher’ durante a renderização de suas dependências e posteriormente quando a dependência é acionada é notificado ao nosso ‘watcher’ que por sua vez faz com que o componente seja renderizado novamente caso necessário.
  4. Instalação?? Vuejs não possui suporte a IE8 por que ele

    usa features do ECMAScript 5, que não suportadas pelo mesmo. Basta baixar e incluí-lo no seu html, logo o vue será registrado como uma variável global.
  5. Pode ser encontrado no CDN, recomendado o unpkg pois vai

    refletir a versão mais recente. https://unpkg.com/[email protected]/dist/vue.js Pode ser encontrado no NPM, CLI, DevBuild, Bower e AMD Module Loarders. PROD: Warnings stripped, 22.86kb min+gzip
  6. Mas e os outros frameworks, libs e etc ?? Existem

    muitas semelhanças entre todas essas libs e frameworks que nos permitem criar componentes. Mas a turma do VueJs já detalhou tudo tudo isso pra NOOIS! https://vuejs.org/guide/comparison.html
  7. Comunidade • GitHub • Forum VueJs • Chat (Gitter) •

    Twitter • Laracasts • Slack • VueJs Brasil • StackOverflow