Suporte Front-end
Desafio do processo seletivo para vaga de Suporte Front-end
FAQ
- Posso usar bibliotecas de funções/frameworks?
- Pode. Em questões relacionadas a manipulação do DOM, ficará restrito as bibliotecas já presentes. Em questões relacionado a montagem de interfaces, fique a vontade.
- O que faço quando terminar o teste?
- Publique no seu repositório de código favorito ou solução equivalente e encaminhe o link para lisandra@autoforce.com
Parte 1 - Manipulando o DOM
Manipule o DOM do site https://testes.autoforce.com.br/autoforce-ford usando javascript para obter os resultados enumerados a seguir. O resultado de cada questão deve ser o código javascript usado para atingir o objetivo pedido no enunciado. Considere que o avaliador vai colar seu código no console e verificar o resultado na interface.
1. Adicione um ícone para Youtube no header apontando para https://www.youtube.com/channel/UCLI4tg1oh_oLiJJteExJdUQ
2. Modifique os itens de menu "Novos" e "Seminovos"
Crie um novo item dropdonw para o menu e o entitule "Veículos". Os itens "Novos" e "Seminovos" devem ser realocados para esse novo dropdonw. O item "Veículos" deve ser o primeiro do menu.
3. Modifique o formulário de "Estou Interessado" em https://testes.autoforce.com.br/autoforce-ford/novos/territory-2022
Adicione os seguintes campos:
- 1 Select com as opções: SUV, Senda, Hatch e Pickup;
- 1 Textarea com placeholder "Mensagem".
4. Crie um botão flutuante de WhatsApp
Crie um popup de WhatsApp fixado no canto inferior esquerdo da tela, ao clicar nesse botão três números devem aparecer (Seminovos: +55 (11) 99999-9999, Serviços +55 (11) 11111-11111 e Central de Vendas: +55 (11) 88888-8888), um novo clique em qualquer um desses números deve encaminhar o usuário diretamente para o WhatsApp.
Parte 2 - Montando Layout
Codifique a seguinte interface: https://www.figma.com/file/mEuuuja11kYw9M9swY69wl/Desafio-Genius?node-id=34%3A42
- Não há necessidade de criar um dropdown nos botões do header. Crie um hyperlink para o telefone e um para o WhatsApp
- Link do vídeo para a área "Conheça o BMW": https://www.youtube.com/watch?v=cFyrTEYyq64