liberioafonso / cefet-web-starwars

Introduções dos melhores filmes ever

Guerras Estelares 🌠

Um página com as intros do melhores filmes ever

Atividade

Você deve usar a Star Wars API (http://swapi.co) para poder (a) carregar dinamicamente a lista de filmes e (b) também para exibir o respectivo texto introdutório quando o usuário selecionar um filme.

Os exercícios são:

1. Dar uma explorada na Star Wars API (http://swapi.co)
2. Incluir a biblioteca jQuery (versão mais nova), caso deseje usá-la
   • Procure como fazer isso no Google
   • Posso não usar jQuery? Veja o FAQ
3. Fazer uma requisição assíncrona à API (chamada AJAX) para recuperar a lista de filmes, com todas as informações de cada filme, e preencher o <nav id="movies">...</nav>
4. Fazer com que, ao clicar em um filme, atualizar o texto introdutório para a sua respectiva intro
5. Salvar, em localStorage, qual foi o último filme visualizado e, quando a página for carregada, mostrar esse filme
6. Extra: buscar e colocar um áudio na página (você sabe qual!!!)

FAQ

1. Posso não usar jQuery?

• Pode sim!! Até acho ótimo, porque aí você não fica preso a 01 biblioteca JavaScript em particular. Você pode:
  1. Usar outra biblioteca (procure por ajax em http://microjs.com)
  2. Usar XMLHttpRequest diretamente
  3. Usar fetch

1. Como fazer chamadas AJAX?
   • Veja nos slides sobre AJAX
2. Como usar o localStorage?
   • Veja nos slides sobre Web Storage