Frontend

const customMap = (array, transform) => { // algo como array.map(transform); }; const stringResults = customMap([1, 2, 3], item => item.toString()); const lengths = customMap(["olá", "mundo"], item => item.length);

Já trabalhou com Lighthouse? Imagine que lhe atribuem a tarefa de melhorar a métrica FCP (First Contentful Paint). Quais ideias vêm à sua mente?

Não aconteceu de numa funcionalidade do produto devolver muitos campos, e noutra devolver apenas dois?

Quais são os problemas na abordagem atual de carregamento de dados SSR e como eles irão se expandir com a adição de novas páginas?

O que mais gosta de fazer no trabalho e o que não gosta tanto? O que leva mais tempo do que gostaria?

Como você se desenvolve, como aprende novas tecnologias, o que foi o último que você se lembrou?

Implemente uma função foo que recebe um array e retorna um objeto onde as chaves são os elementos do array e os valores são todos 0.

Em que momento vais comunicar que não vais conseguir cumprir o prazo?

Fale sobre o seu último local de trabalho e os projetos em que esteve envolvido.

O que pode acontecer no servidor durante a geração de HTML (SSR) — em que o servidor gasta tempo, quais podem ser os problemas de desempenho e segurança na serialização de dados?

O que de interessante e novo aprendeste recentemente no mundo do frontend?

Determine a ordem de saída no console para o código com setTimeout, Promise, then, catch, finally e várias chamadas síncronas (tarefa sobre o Event Loop).

Que melhorias poderiam ser feitas para aumentar a qualidade do produto no futuro?

Qual é a diferença entre usar hasOwnProperty e verificar diretamente o valor através de uma condição (if o[x])? O que acontecerá se o valor da propriedade for false?

Implemente uma função memoize que armazena em cache os resultados das chamadas de funções assíncronas e não envia uma solicitação repetida se a chamada com os mesmos argumentos já foi feita.

Como garantir o suporte aos formatos de imagem modernos (WebP, AVIF) em navegadores que não os suportam?

Para que serve o React.lazy? Qual benefício ele oferece e como funciona por baixo dos panos?

<script> function sum(valueA) { throw 'Não implementado' } console.log(sum(1)()); // 1 console.log(sum(1)(2)()); // 3 console.log(sum(1)(2)(-3)()); // 0 </script>

É necessário escrever uma função memoize — um wrapper para memoização. Para simplificar, pode-se assumir que a função sempre terá apenas um argumento, e esse será um valor primitivo.

Existe uma função customMap que faz quase o mesmo que um map normal de um array, mas ela não está tipada. É necessário tipá-la de modo que na quinta linha seja um array de strings, e na sétima, um array de números.