/cefet-web-starwars

Introduções dos melhores filmes ever

Primary LanguageJavaScript

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?
  2. Como usar o localStorage?