FLORIANO FERREIRA DOS REIS FILHO

Vue.Js & EmberJs

Frameworks

Fernando de Sousa Silva – SP3017061

Prof. Floriano Ferreira dos Reis Filho

Vue.js o que é?
 Vue.Js é um framework de
código aberto javascript usado
para criação de componentes de
interface de usuário e single-
page application (criação de
páginas únicas).
Origem
 Autor : Evan You
 O lançamento feito em
fevereiro de 2014.

 Lançamento de primeira
versão estável em 2015.
Progressividade e Reatividade
 Reativo: A arquitetura atualiza a camada visual a cada vez que tem uma mudança de
estado.
 Progressivo: Adaptável a outras bibliotecas, trabalha em conjunto com Frameworks
back-end, ex: Laravel.
Arquitetura
 As aplicações são criadas com HTML, CSS e javascript em um arquivo .vue.
 A renderização dos dados é atualizada por um virtual DOM
 DOM significa Document Object Model (Modelo de Objeto de Documento). Ele é
uma API que nos permite acessar e manipular documentos HTML e XML válidos.
 Virtual DOM é um framework para manipular o DOM.
Exemplo em Vue.js
Ferramentas
• Babel – transpilador
• Typescript – tipagem estática
• Vuex – gerente de estados aplicação
• Router – gerente de rotas
• Eslint – formatador de código
• Jest – testes

Vue-devtools, ferramenta desenvolvida

para facilitar o processo de desenvolvimento de
aplicações que utilizam Vue JS.
Ember.js o que é?
 Ember.js é um framework JavaScript para a construção de aplicações robustas,.
 Visa aumentar a produtividade no desenvolvimento.
Padrão MVVM: Model View
ViewModel
 um padrão de arquitetura de software que visa separar o desenvolvimento de uma
aplicação em camadas bem definidas, similar aos padrões já existentes, como o MVP
e o MVC.
Possibilidades
View: Camada de interface do usuário.

ViewModel: Camada responsável por determinar quando

MVVM as ações serão executadas em uma aplicação.

Model: Parte lógica da aplicação que gerencia o

comportamento dos dados
Ember.js x Vue.js
Quais as diferenças?
 Ember.js é uma estrutura JavaScript que faz todo o trabalho pesado que você
normalmente teria que fazer manualmente.
 Vue.js é uma biblioteca para construir interfaces da web interativas. Ele fornece
componentes reativos a dados com uma API simples e flexível.
Obrigado!

Fernando de Sousa Silva

SP3017061
Fontes
 Ember.js vs Vue.js - https://stackshare.io/stackups/emberjs-vs-vue-js

 Introdução - https://br.vuejs.org/v2/guide/

 O que é Ember.js? - https://www.treinaweb.com.br/blog/o-que-e-ember-js/

 Qual é a diferença entre DOM e virtual DOM? -

https://pt.stackoverflow.com/questions/43169/qual-%c3%a9-a-diferen%c3%a7a-entre-dom-e-virtual-dom

 Vue JS: o que é, como funciona e vantagens -

https://blog.geekhunter.com.br/vue-js-so-vejo-vantagens-e-voce/#O_que_e_Vue_JS

 Curso Vue JS 2 - O Guia Completo (incl. Vue Router & Vuex) –

www.udemy.com/course/vue-js-completo/learn/lecture/12628712#content