teste de competência de frontend
No Linkedin tem alguns testes de competência conforme as skills informadas. Acredito ser interessante os testes de competência das habilidades de desenvolvedor, como html, css, javascript, entre outros.
1. Qual exemplo de código centralizaria .box dentro de .container?
2. Qual linha você adicionaria a este código para adicionar cosmos à lista de moedas usando js?
3. Como você alteraria este código para tornar o vanilla selecionado por padrão?
4. Qual a linha de código, se aplicada a todos os flex item em um flex container, faria com que cada flex item ocupasse uma parte igual da width total do contêiner? Por exemplo, se houver quatro itens, eles receberiam 25% de cada.
5. Você descobre que o CSS está sendo carregado em um site usando o código a seguir. Por que um desenvolvedor web pode ter feito isso?
a. isso impedirá que o css seja carregado em conexões de dados lentas
b. o css está sendo carregado de forma assíncrona para evitar o bloqueio de renderização
c. isso impedirá que o css seja carregado para navegadores antigos que não suportam as técnicas em uso
d. isso faz parte de um script de mudança de folha de estilo para carregar diferentes temas para o site
Lembrando que estou colocando as perguntas em português mas essas plataformas são todas em inglês. Por isso, compreender um texto em inglês é de muita importância na agilidade de resolver esses testes. Senão, tradutor neles. Continuando.
6. Qual escolha não é resultado de invocar o modo estrito em javascript?
a. elimina alguns erros silenciosos de javascript, alterando-os para lançar erros
b. força a escrita de html e css válidos
c. corrige erros que dificultam a otimização dos mecanismos js
d. ele proíbe alguma sintaxe que provavelmente será definida em versões futuras do ecmascript
7. Um vídeo em sua página da Web não é exibido e o console mostra um erro sobre conteúdo misto. O que está acontecendo?
a. a página é carregada via https, mas o vídeo está sendo veiculado de forma insegura como http e o navegador o está bloqueando
b. seu navegador não suporta vídeo html
c. o vídeo é de uma fonte que não pode ser exibida em seu local por motivos legais
d. a página da web está usando um doctype que a torna incapaz de exibir vídeo além de outro conteúdo da web
8. O que é webP?
a. um novo formato de fonte que permite que uma única fonte seja exibida em diferentes estilos e pesos
b. um método de auditoria de desempenho que dá ao seu site uma pontuação, que é então usada para classificação do Google
c. um formato pdf de última geração que oferece um tamanho de arquivo menor e melhor acessibilidade do que documentos pdf padrão
d. um formato de imagem de última geração que oferece um tamanho de arquivo menor do que a imagem png ou jpeg equivalente
9. O que significa o termo “tree shaking” em relação ao desempenho do javascript?
a. dividir o código em vários pacotes para que as decisões possam ser tomadas sobre a prioridade de carregamento
b. removendo código não utilizado de arquivos js
c. permitir que o navegador ignore o código que ele acredita que terá um desempenho ruim
d. usando apenas código compatível com os navegadores mais recentes e servindo o site sem javascript para navegadores antigos
10. Você deseja criar linhas de tabela distribuídas usando CSS sem adicionar uma classe a nenhum elemento. Qual CSS aplicaria corretamente a cor de fundo a cada linha ímpar em sua tabela?
11. Você está criando um design responsivo, mas quando você visualiza seu site em uma tela menor, você percebe que as imagens estão causando uma barra de rolagem horizontal. Como você pode resolver esse problema sem esticar nenhuma imagem fora de forma?
Para praticar esse tipo de código, a plataforma Hacker Rank é muito interessante para aperfeiçoar. Em processos seletivos para vagas do tipo, tanto fazer testes de código quanto explicar código são tarefas exigidas e esses testes de competências ajudam a treinar.
Espero que tenha gostado e até o próximo artigo.
