O objetivo desse teste é observar como o desenvolvedor pensa durante a organização e desenvolvimento de sua aplicação, sendo imprescindível que seu projeto seja escalável e de fácil manutenção.
Aqui você terá a oportunidade de desenvolver uma página de resultados de busca para o aluguel de carros.
- Utilize sua conta do Github. Caso não a tenha, crie uma;
- Faça um fork desse repositório;
- Desenvolva a marcação e os estilos de maneira responsiva e de acordo com o conceito mobile first. Os breakpoints para referência são: 320, 768 e 1280 pixels;
- Utilize os seguintes assets disponíveis: o layout, a font Oswald e também a font Arial;
- Desenvolva o bind para exibição dos dados, um filtro de ordenação e também a paginação dos resultados;
- Utilize os dados disponíveis à partir do seguinte serviço: api.sandbox.amadeus;
- Desenvolva sua aplicação utilizando de preferência algum framework/biblioteca de mercado como: Ember, React ou Angular.
- O fluxo utilizado no versionamento do projeto;
- Performance, semântica, organização, componentização e escalabilidade da estrutura e do código;
- O suporte crossbrowser a IE9+, Chrome e Firefox;
- Fidelidade quanto ao layout disponibilizado.
Técnicas para arquitetura da aplicação e desenvolvimento do código como:
- Estruturas de fluxo (GitFlow, Stable mainline, ...) e boas práticas como commits atômicos;
- Padrões de programação como orientação a objetos, programação funcional, programação reativa, ...;
- Princípios com KISS, DRY, Code clean, ITCSS, BEM, Smacss, ...
E implementação de ferramentas:
- Para gerenciamento da estrutura como bundler/task runner (Ex.: Webpack, Browserify, Gulp, Brocolli, ...);
- Para gerenciamento de dependências como npm e yarn;
- Para pré ou pós processamento de CSS (Ex.: PostCSS, Sass, Less, Stylus, ...).
- Faça uma publicação no Github Pages;
- Envie a URL navegável do projeto, com o seguinte formato:
http://usuario.github.io/projeto; - Envie também a URL do repositório com o código fonte.