Agora é a hora de brilhar em equipe e colocar tudo o que vocês aprenderam num único projeto. Vocês deverão utilizar Bootstrap e todas as páginas devem contar com navbar e rodapé. As APIs do OMDB e do Via CEP deverão ser utilizadas nesse projeto.
- Deve conter breve descrição do que o serviço se propõe a fazer;
- Deve conter a capa de 12 filmes escolhidos pelo grupo;
- Ao clicar em uma capa de filme o usuário deve ser redirecionado para página de informações.
- Deve conter a capa do filme;
- Deve conter informações (coletadas via API) do filme em questão.
- Deve conter um formulário para buscar por nomes de filmes;
- Deve tratar problemas como filme não encontrado;
- Apresenta os detalhes do filme (resultado da busca).
- Deve conter formulário com: Nome; E-mail; Senha;
- Confirmação de senha; RG; CEP (completar endereço utilizando API); Campos de endereço.
- Deve conter formulário com: Usuário; Senha;
- Deve conter link para página de recuperação de senha (esqueci minha senha)
- Deve conter formulário com: e-mail de cadastro
- Deve exibir mensagem após submissão de formulário de e-mail enviado
- Página de contato: Deve conter contato dos alunos envolvidos no projeto
O Figma é uma ferramenta de design de interface na qual todo o trabalho é feito através do navegador, logo ela é compatível com Windows, Linux, Chrome e Mac.
É multitarefa, ou seja, equipes multidisciplinares podem explorar o mesmo projeto juntas vendo as alterações em tempo real. Cada integrante pode acessá-la com o seu login e tudo isso é feito por um simples link.
Bootstrap é um framework web com código-fonte aberto para desenvolvimento de componentes de interface e front-end para sites e aplicações web usando HTML, CSS e JavaScript, baseado em modelos de design para a tipografia, melhorando a experiência do usuário em um site amigável e responsivo.
O MVC é utilizado em muitos projetos devido à arquitetura que possui, o que possibilita a divisão do projeto em camadas muito bem definidas. Cada uma delas, o Model, o Controller e a View, executa o que lhe é definido e nada mais do que isso.
A utilização do padrão MVC trás como benefício isolar as regras de negócios da lógica de apresentação, a interface com o usuário. Isto possibilita a existência de várias interfaces com o usuário que podem ser modificadas sem que haja a necessidade da alteração das regras de negócios, proporcionando assim muito mais flexibilidade e oportunidades de reuso das classes.
Utilizaremos Vanilla JS(JavaScript puro) e jQuery no projeto. Por padrão o Bootstrap já pede o uso do jQuery e Popper.js
jQuery é uma biblioteca de funções JavaScript que interage com o HTML, desenvolvida para simplificar os scripts interpretados no navegador do cliente. Usada por cerca de 74.4% dos 10 mil sites mais visitados do mundo, jQuery é a mais popular das bibliotecas JavaScript.
Popper.js é uma biblioteca javascript que o vai ajudar na criação de popovers e tooltips em desenvolvimento web. Com limites personalizados, aceleração GPU, deslocamentos, e modificadores que fazem dela uma ferramenta muito útil.