O que é Ember.js? \| TreinaWeb Promoção no ar Matricule-se agora e garanta **54% de desconto** Termina em Tempo restante da oferta: 15 Horas 13 Min 36 Seg Tempo restante da oferta: 15 13 36 [Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Explorar [ Quanto custa? ](#assinatura) [ FAQ ](https://www.treinaweb.com.br#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) [ Início ](https://www.treinaweb.com.br) [ Artigos ](https://www.treinaweb.com.br/blog) O que é Ember.js? [ Javascript ](https://www.treinaweb.com.br/blog/categoria/javascript) # O que é Ember.js? Veja neste artigo o que é Ember.js. [ Ana Paula de Andrade ](https://www.treinaweb.com.br/blog/autor/ana-paula-andrade) 6 anos atrás ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/10/o-que-e-ember-js.png) Ember.js ou simplesmente Ember é um framework [JavaScript](https://www.treinaweb.com.br/blog/o-que-se-pode-fazer-com-javascript-hoje-em-dia/ "JavaScript") para a construção de aplicações robustas, tendo como principal objetivo o aumento da produtividade no desenvolvimento de aplicações web. [ ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/10/E-BOOK-GRATUITO-COMECANDO-JS.png) ](https://www.treinaweb.com.br/ebook/guia-javascript) ## Relembrando Framework Aqui no blog já possuímos um artigo que aborda “[Para que serve um Framework](https://www.treinaweb.com.br/blog/para-que-serve-um-framework/ "Para que serve um Framework")”, mas em palavras mais simples, o framework é um facilitador no desenvolvimento de diversas aplicações e, sem dúvida, sua utilização poupa tempo e custos para quem utiliza, pois de forma mais básica, é um conjunto de bibliotecas utilizadas para criar uma base, onde as aplicações são construídas, um otimizador de recursos. Possui como principal objetivo resolver problemas recorrentes com uma abordagem mais genérica. Ele permite ao desenvolvedor focar nos “problemas” da aplicação, não na arquitetura e configurações. ## De volta ao Ember.js De código aberto, lançado em 2011 sobre a licença MIT, o Ember.js permite aos desenvolvedores a criação de interfaces de usuários ricas e que funcionem em qualquer dispositivo. Utilizada por diversas empresas como: Linkedin, Netflix, Heroku, Microsoft, Square, entre outras, conta com uma imensa comunidade ativa de desenvolvedores. Apesar de ser um framework com foco para web, com o Ember.js também é possível a criação para dispositivos móveis ou desktop, sendo o escolhido na criação do Apple Music para desktop, o maior case de sucesso do Framework. Possuindo similaridade com o Rails, o Ember.js é baseado na arquitetura Model–view–viewmodel (MVVM). ## Padrão MVVM : Model-View-ViewModel O Ember.js utiliza o padrão MVVM, que é 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](https://www.treinaweb.com.br/blog/o-que-e-mvc/ "MVC"), muito importante para o desenvolvimento mobile e web. Foi um padrão criado para aplicativos Windows Presentation Foundation (WPF) utilizando XAML para separar a interface do usuário (UI) da lógica de negócios. Basicamente, o **MVVM** funciona da seguinte forma: ![Padrão MVVM](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/10/Padr%C3%A3o-MVVM.png) - **Model**: Parte lógica da aplicação que gerencia o comportamento dos dados, ou seja, todos os seus recursos (consultas ao BD, validações, notificações, etc). A camada de model apenas tem o necessário para que tudo aconteça, mas não sabe quando irá executar. - **View**: Camada de interface do usuário. É a estrutura, o layout e a aparência do que o usuário vê na tela, normalmente representadas por páginas HTML. - **ViewModel**: Camada responsável por determinar quando as ações serão executadas em uma aplicação. É esta camada que faz o “meio de campo” entre as camadas Model e View para exibição dos dados em uma aplicação. [ ![JavaScript - Trabalhando com web workers](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/javascript.svg) Curso JavaScript - Trabalhando com web workers Conhecer o curso ](https://www.treinaweb.com.br/curso/javascript-trabalhando-com-web-workers) ## Características do Ember.js Diversas são as características do Ember.js, dentre elas podemos citar: - Adoção de boas práticas de desenvolvimento; - Possui o Ember CLI, interface de linha de comando para criação e gerenciamento de projetos Ember; - Ember Data, biblioteca para trabalhar com a camada de models em aplicações Ember; - Possui sistema de roteamento complexo para determinar as diferentes rotas da aplicação; - Estabilidade; - Atualização contínua, com lançamento de novas versões a cada 6 semanas; - Escrito em JavaScript; - Comunidade ativa, entre outras. ## Podemos então concluir: Como vimos neste artigo, o Ember.js é um ótimo Framework JavaScript e utilizado por grandes empresas. Poderoso e com um grande ecossistema, o Ember é uma ótima alternativa para construção de aplicações web. No [site do Ember.js](https://emberjs.com/ "site do Ember.js") é possível encontrar toda a sua documentação, releases, blog, comunidade e muito mais. - [ #JavaScript ](https://www.treinaweb.com.br/blog/tag/javascript) - [ #EmberJS ](https://www.treinaweb.com.br/blog/tag/emberjs) - [ #MVVM ](https://www.treinaweb.com.br/blog/tag/mvvm) Autor ![Ana Paula de Andrade](//secure.gravatar.com/avatar/76297b487187c82ae476e823018dbfc0?d=mm) ## Ana Paula de Andrade Graduanda em Sistemas de Informação pelo Instituto Federal da Bahia. É responsável pelo atendimento ao cliente, gerenciamento de redes sociais e revisão de cursos, além da redação de artigos para o blog da TreinaWeb. [Todos os artigos](https://www.treinaweb.com.br/blog/autor/ana-paula-andrade) ## Continue estudando Transforme leitura em prática com os cursos e formações da TreinaWeb. [Ver cursos](https://www.treinaweb.com.br/cursos) Continue lendo ## Artigos relacionados - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2016/10/yarn-um-novo-gerenciador-de-dependencias-para-javascript-400x280.jpg) [ Javascript ](https://www.treinaweb.com.br/blog/categoria/javascript) 10 anos atrás ## [ Yarn: Um novo gerenciador de dependências para JavaScript ](https://www.treinaweb.com.br/blog/yarn-um-novo-gerenciador-de-dependencias-para-javascript) Yarn nasceu para ser uma opção rápida e segura de se gerenciar dependências em JavaScript. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/08/28112233/capa-SPA-400x280.png) [ Desenvolvimento ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento) 7 anos atrás ## [ O que são aplicações SPA? ](https://www.treinaweb.com.br/blog/o-que-sao-aplicacoes-spa) Neste artigo, vamos abordar o que são as aplicações baseadas em tecnologias SPA e o porquê de estas fazerem tanto sucesso nos dias atuais. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/09/spa-e-ssr-quais-as-diferencas-400x280.png) [ Desenvolvimento ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento) 6 anos atrás ## [ SPA e SSR: quais as diferenças? ](https://www.treinaweb.com.br/blog/spa-e-ssr-quais-as-diferencas) Confira neste artigo as diferenças entre SPA e SSR, as vantagens e desvantagens de cada uma, além de quando utilizá-las. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/03/27110853/REDUX-400x280.png) [ Desenvolvimento ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento) 7 anos atrás ## [ O que é Redux? ](https://www.treinaweb.com.br/blog/o-que-e-redux) Confira neste artigo o que é Redux. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/12/storybook-a-melhor-maneira-de-criar-componentes-400x280.png) [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end) 6 anos atrás ## [ Storybook - A melhor maneira de criar componentes ](https://www.treinaweb.com.br/blog/storybook-a-melhor-maneira-de-criar-componentes) Conheça o Storybook e como ele pode te ajudar a criar componentes da melhor maneira possível, com incríveis benefícios para o seu projeto! Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/05/ang_ignore-1-400x280.png) [ Javascript ](https://www.treinaweb.com.br/blog/categoria/javascript) 10 anos atrás ## [ Perdendo o preconceito com o novo Angular ](https://www.treinaweb.com.br/blog/perdendo-o-preconceito-com-o-novo-angular) Vou citar alguns itens que me desanimavam sobre o novo Angular e o motivo de eu ter mudado de ideia. Quem sabe você considere utilizá-lo em seu próximo projeto? Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/05/ghost-400x280.jpg) [ Ghost ](https://www.treinaweb.com.br/blog/categoria/ghost) 10 anos atrás ## [ Ghost, uma ótima alternativa para blogs pessoais e profissionais ](https://www.treinaweb.com.br/blog/ghost-uma-otima-alternativa-para-blogs-profissionais-e-pessoais) Conheça o Ghost, uma poderosa plataforma para desenvolvimento de blogs. Roda sob o NodeJs e possui suporte para os bancos de dados SQLite e MySQL. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/08/o-que-e-wordpress-e-como-instalar-na-sua-maquina-400x280.png) [ WordPress ](https://www.treinaweb.com.br/blog/categoria/wordpress) 6 anos atrás ## [ O que é Wordpress e como instalar na sua máquina ](https://www.treinaweb.com.br/blog/o-que-e-wordpress-e-como-instalar-na-sua-maquina) Saiba o que é o WordPress e aprenda a instalar localmente em sua máquina. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/07/03163125/SYMFONY-FLEX-400x280.png) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 7 anos atrás ## [ O que é o Symfony Flex e como ele funciona ](https://www.treinaweb.com.br/blog/o-que-e-o-symfony-flex-e-como-ele-funciona) Nesse post falaremos sobre os principais conceitos do Symfony Flex. Veremos desde o início como ele funciona, qual seu papel na criação da estrutura do Symfony e como ele pode nos ajudar no processo de gerenciamento de dependências do projeto. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/07/16141718/GOOGLE-APP-ENGINE-400x280.png) [ Google Cloud Platform (GCP) ](https://www.treinaweb.com.br/blog/categoria/google-cloud-platform-gcp) 8 anos atrás ## [ O que é o App Engine e como publicar uma aplicação nele ](https://www.treinaweb.com.br/blog/o-que-e-o-app-engine-e-como-publicar-uma-aplicacao-nele) Descubra o que é o App Engine, sua história e como fazer a publicação (deploy) de sua primeira aplicação através de um vídeo prático. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/08/o-que-sao-extensoes-no-php-400x280.png) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 6 anos atrás ## [ O que são Extensões no PHP ](https://www.treinaweb.com.br/blog/o-que-sao-extensoes-no-php) Aprenda o que são extensões no PHP, como instalar e ativar. Entenda também porque o PHP possui o conceito de extensões e quais são as mais usadas. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/07/o-que-e-mindfulness-e-como-pode-nos-ajudar-na-area-de-ti-1-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 6 anos atrás ## [ O que é mindfulness e como pode nos ajudar na área de TI? ](https://www.treinaweb.com.br/blog/o-que-e-mindfulness-e-como-pode-nos-ajudar-na-area-de-ti) Conheça mindfulness, como sua prática ajuda na vida pessoal e profissional. E como aplicar ele no seu dia a dia na área de tecnologia da informação. Ler artigo ## Um ano de acesso total para você viver de programação. Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho. - **1 ano** de acesso a **todos os cursos** - Cursos novos **toda semana** - Suporte **direto com professores** - Plano de carreira **personalizado** - **Certificados digitais** inclusos - **Aplicativos** para Android e iOS, com **acesso offline** **Garantia incondicional de satisfação** Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro. ### Acesso completo a todos os cursos e dezenas de Formações. 12 meses Economize R$ 840,00 54% OFF de 12x R$ 129,00 por apenas 12x R$ 59,00 sem juros no cartão de crédito ou R$ 599,00 à vista Oferta termina em **15h 13min 36s** - Acesso imediato e ilimitado durante 1 ano. - Plano de carreira personalizado. - Suporte direto com professores. - E muito mais! [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Escola online de programação, tecnologia e IA. - [ ](https://www.facebook.com/TreinaWeb/) - [ ](https://www.instagram.com/treinaweb/) - [ ](https://www.youtube.com/user/TreinaWeb) - [ ](https://twitter.com/treinaweb) - [ ](https://www.linkedin.com/company/treinaweb) - [ ](https://github.com/treinaweb) ## Inscreva-se em nossa newsletter Receba lançamentos, promoções e novidades. Seu nome Seu WhatsApp Seu melhor e-mail Inscrever-se ## Cursos - [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs) - [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end) - [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end) - [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile) - [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados) - [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing) - [ IA ](https://www.treinaweb.com.br/categoria/ia) - [ E mais ](https://www.treinaweb.com.br/categoria/e-mais) - [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos) ## Conteúdo - [ Formações ](https://www.treinaweb.com.br/formacoes) - [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos) - [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto) - [ Planos ](https://www.treinaweb.com.br#assinatura) - [ Depoimentos ](https://www.treinaweb.com.br#depoimentos) - [ Comunidade ](https://www.treinaweb.com.br#comunidade) - [ Corpo docente ](https://www.treinaweb.com.br#docente) ## A empresa - [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre) - [ Perguntas frequentes ](https://www.treinaweb.com.br#faq) - [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb) - [ Cursos para empresas ](https://www.treinaweb.com.br/empresas) - [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso) - [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco) - [ Artigos ](https://www.treinaweb.com.br/blog) - [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers) - [ Contato ](https://www.treinaweb.com.br/contato) - [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade) - [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso) ## Baixe nosso aplicativo [ Disponível na **App Store** ](https://apps.apple.com/us/app/treinaweb/id1322729447) [ Disponível no **Google Play** ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200 © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58