Página usando referência ao EmberJS com erro (do livro)

emberjs

#1

No inicio do livro o autor apresenta a criação de uma página que, em tempo de execução, mostra a palavra Agenda. Ele utiliza referências a bibliotecas, incluindo o emberjs. No entanto, copiei o código para um arquivo e executei o arquivo html. Não apresentou o resultado desejado.
Está faltando algo que eu não conheça?
Grato.


#2

Olá Vicente, deu algum erro especifico no console javascript do browser?


#3

@vicentepaulodecamargo1 deu algum erro? tens como verificar no console do navegador ou mandar uma imagem?


#4

Acabei de comprar o livro (17/03/2018) e também estou com dificuldade

no primeiro exemplo.

Agenda

Agenda


#5

Olá @juniorlatalisa, estou sem o acesso, no momento, a essa versão do livro.
Para você não empacar os estudos no final de semana, vou te mandar um código da segunda versão do livro, e a partir de segunda, quando estiver em casa, verifico se há algo errado, ok?

<!DOCTYPE html>
<html>
<head>
  <title>Agenda</title>
  <meta charset="utf-8">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script src="http://builds.emberjs.com/release/ember.debug.js"></script>
  <script src="http://builds.emberjs.com/release/ember-template-compiler.js"></script>
  <script>
    var App = Ember.Application.create();

    App.IndexController = Ember.Controller.extend({
      name: 'Clairton'
    });
  </script>
</head>
<body>
  <script type="text/x-handlebars">
    <h1>Agenda</h1>
    {{outlet}}
  </script>
  <script type="text/x-handlebars" data-template-name="index">
    Olá {{name}}!
  </script>
</body>
</html>

Verifica ai se roda e me avisa :wink:


#6

Salve Clairton!

Primeiramente, agradeço muito a atenção.
O código que mandou funcionou sim.
Sobre a versão do livro, temos uma mais recente? Pergunto porque procurei por isso no site da Casa do Código e não encontrei.
Você tem algum post mostrando as principais diferenças entre as versões dos livros?

Mais uma vez obrigado e, talvez, ainda role mais alguma duvida até o fim desse estudo que considero indispensável no momento.


#7

Olá @juniorlatalisa, ainda estou trabalhando na próxima versão. Terá algumas melhorias e uma abordagem para o Ember 3.0. Ainda vai demorar uns meses para terminar. Mas fique tranquilo, pois o Ember é muito estável e tem um conceito de “estabilidade sem estagnação” e isso permitira você atualizar facilmente para a versão 3 e também utilizar o mesmo conhecimento obtido com as versões anteriores do livro e do Ember.

Quanto ao erro, os links estão apontando para as versões mais recentes do Ember, e nas novas versões algo mudou. Para corrigir alterei a ordem dos links deixando ficar assim:

<script src="http://builds.emberjs.com/release/ember.debug.js"></script>
<script src="http://builds.emberjs.com/release/ember-template-compiler.js"></script>

Ou poderíamos até mesmo fixar para uma versão especifica:

<script src="http://builds.emberjs.com/tags/v2.13.3/ember-template-compiler.js"></script>
<script src="http://builds.emberjs.com/tags/v2.13.3/ember.js"></script>

Qualquer dúvida pode continuar perguntando =)