Frontend

Fala sobre SSR, CSR e SSG — qual é a diferença?

O que é gRPC e para que é utilizado?

Fale sobre abordagens arquitetónicas: FSD, monólito modular. Que arquitetura escolher para um MVP pequeno?

Como tratar uma operação assíncrona longa no cliente (verificação de vírus em ficheiros, até uma hora)?

O que são keyof e typeof no TypeScript?

O que são Pick e Omit no TypeScript?

O que acontece em termos de reflow e repaint ao usar display:none vs visibility:hidden?

A alteração de um método privado viola o princípio Aberto/Fechado?

// O que será exibido no console ? const p1 = Promise.resolve(1); const p2 = new Promise((_, reject) => setTimeout(() => reject("Error"), 100)); const p3 = Promise.resolve(3); Promise.all([p1, p2, p3]) .then(console.log) .catch(console.error); Promise.allSettled([p1, p2, p3]).then(console.log);

```javascript console.log("Start"); setTimeout(() => { console.log("Timeout 1"); Promise.resolve().then(() => console.log("Promise inside Timeout")); }, 0); Promise.resolve() .then(() => { console.log("Promise 0"); setTimeout(() => console.log("Timeout inside Promise"), 0); }) .catch(() => console.log("Promise 1")) .then(() => console.log("Promise 2")); function foo() { Promise.resolve().then(() => { console.log("Promise 3"); foo(); }); } foo(); requestAnimationFrame(() => { console.log("RequestAnimationFrame"); }); console.log("End"); // Start // END // "Promise 0" // Promise 2 // // Timeout 1 // Promise inside Timeout // RequestAnimationFrame // Timeout inside Promise ```

Que protocolos de autenticação e autorização conheces? Fala sobre JWT.

Códigos de status HTTP: o que significam 401, 403, 500, 200, 201?

Qual é a diferença entre REST e GraphQL?

Quais propriedades CSS causam apenas Repaint e quais causam Reflow/Layout?

Fale sobre os princípios SOLID

Onde é que se podem armazenar dados no cliente no navegador?

Que tipos de ataques no frontend conheces? Como te protegeres?

Qual é a diferença entre programação orientada a objetos e programação funcional? O que é uma função pura?

Qual é a diferença entre uma função arrow e uma função normal em JavaScript?

Como funciona o mecanismo de refresh token?