Prova para testar seus conhecimentos com HTML, CSS e JavaScript.
- Faça um fork deste repositório;
- Estude os requisitos;
- Implemente o HTML/CSS/JS das telas com base no layout disponível;
- Finalizado, submeta um pull request e aguarde seu feedback.
- Faça um visual bacana, sendo fiel ao layout;
- Ao clicar em encontre-me, aproximar o mapa da sua localização;
- Ao carregar o mapa exibir marcadores nas localizações existentes no arquivo places.json;
- Desenvolva um HTML semântico;
- Utilize o grid do Bootstrap, mas se atente aos breakpoints necessários no layout, independente do grid;
- Utilize um pré-processador CSS; preferencialmente SASS;
- Escreva o CSS utilizando alguma metodoligia de escrita, RSCSS, Suit CSS, BEM, etc;
- Minifique os seus assets;
- Separe por diretórios fonts, css, js e images;
- Dê suporte a Chrome, Safari, Firefox e IE10+;
- Envie também os arquivos não minificados;
- Utilize um task runner;
- Não duplicar código html de componentes para se adaptar em outras versões.
- Utilizar nosso template padrão para desenvolvimento, BRZ Boilerplate;
- Gerar os ícones do projeto como um pacote de fonte, indicamos o fontastic.me para esta ação;
- Otimizar para Retina.
Para iniciar o teste, faça um fork deste repositório, crie uma branch com o seu nome e depois envie-nos o pull request.
Boa sorte!