Frontend

Como otimizar o carregamento de imagens nos cartões visíveis no viewport? Como resolver o problema de condição de corrida ao alternar rapidamente o conteúdo (por exemplo, YouTube Shorts)?

Como resolver o problema de solicitações de dados redundantes no cliente, quando os dados já foram carregados no servidor via SSR?

O que foi utilizado para trabalhar com formulários multidimensionais, para validação, que problemas foram encontrados, como foram testados?

Mencionaste Docker, CI/CD, GitHub Actions, GitLab — podes explicar exatamente o que fazias, quais os pipelines, o que havia nos containers?

Como funciona a virtualização de listas? Como isso é implementado tecnicamente através do JavaScript?

Como pode fazer cache dos dados no servidor para acelerar o carregamento dos utilizadores?

Com que frameworks ou ferramentas trabalhas? Utilizas ferramentas de IA no teu trabalho?

#Formulário de inscrição React 1. Explique como funciona o StateProvider, partilhe seus pensamentos com o entrevistador. 2. Dê uma olhada em /src/api/mock, explique como funciona. 3. Verifique a cor do SubmitButton e corrija-a. 4. Implemente a validação do formulário no componente Signup. (\*) Tenha em mente a tarefa número 9. Regras: - Os campos Username, Email, Password e Repeat Password devem ter pelo menos 6 caracteres; - Password deve corresponder a Repeat Password; - A validação deve ser feita ao clicar no botão "SignUp"; - Campos com valores inválidos devem ser marcados (props error e helperText); 6. A resposta da API pode ter um erro que deve ser exibido ao usuário próximo ao campo correspondente. 7. Certifique-se de que o componente UserName renderize o novo nome de usuário após uma submissão bem-sucedida. 8. Implemente o novo componente SignupSuccess. Ele deve ser mostrado no lugar do formulário de inscrição. 9. Implemente a validação do servidor para os campos apropriados. --- Código de mock.ts: ```typescript const fakeResponse = (userName) => ({ code: 200, user: { id: 42, userName, }, }); let a = 0; const api = { '/signup': function (userName: string, email: string, password: string) { a++; return new Promise((resolve, reject) => { setTimeout(() => { if (a % 2 === 0) { return resolve(fakeResponse(userName)); } else { return reject( new Error( `O nome de usuário "${userName}" já está em uso. Por favor, tente outro.` ) ); } }, 500); }); }, }; export default api; ```

Implemente a tipagem TypeScript para a função customMap, que aceita um array de qualquer tipo e uma função de transformação que retorna outro tipo. A função de transformação deve aceitar três argumentos (como o callback no Array.map).

Na página há um leitor. É necessário fazer com que, ao pressionar parar numa aba, a reprodução pare também noutra aba. Como implementarias a comunicação entre as abas?

Implemente a validação do lado do servidor para os campos correspondentes.

Temos uma grande front-end no monorepo, na qual várias equipes trabalham ao mesmo tempo. Não podemos migrar para micro-frontend. Como minimizar os riscos de que diferentes equipes afetem o trabalho umas das outras?

Implemente a função promiseWithResolver (promessa diferida), que retorna um objeto com os campos resolve e promise.

Como eram entregues as versões, como eram testadas, com que frequência eram lançadas?

Como é que descobres algo novo sobre programação e o que foi o último que te ficou na memória?

Crie a sinalização de PARAGEM (um círculo vermelho com uma faixa branca e uma borda dupla) usando apenas um div e CSS (pseudo-elementos permitidos).

O que normalmente faz se sentir que o desenvolvimento está em andamento e você está um pouco atrasado em relação aos prazos? Há uma data de lançamento, mas você entende que não vai conseguir terminar a tarefa a tempo.

#Formulário de inscrição React 1. Explique como funciona o StateProvider, partilhe seus pensamentos com o entrevistador. 2. Dê uma olhada em /src/api/mock, explique como funciona. 3. Verifique a cor do SubmitButton e corrija-a. 4. Implemente a validação do formulário do cliente no componente Signup. (* ) Tenha em mente o número da tarefa 9. Regras: - Os campos Nome de usuário, Email, Senha, Repetir senha devem ter pelo menos 6 caracteres; - A senha deve corresponder à Repetir senha; - A validação deve ser feita ao clicar no botão "Inscrever-se"; - Os campos com valores inválidos devem ser marcados (props error e helperText); 6. A resposta da API pode ter um erro que deve ser exibido ao usuário próximo ao campo correspondente. 7. Certifique-se de que o componente UserName renderize o novo nome de usuário após o envio bem-sucedido. 8. Implemente o novo componente SignupSuccess. Ele deve ser exibido em vez do formulário de inscrição. 9. Implemente a validação do servidor para os campos apropriados.

Como trocavam os ficheiros no chat — apenas com uma requisição POST ou havia ficheiros grandes?

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?