Frontend

Fale-me sobre os testes E2E com Playwright: como foi estruturado o sistema de testes, como era executado, como interagiam com o backend, como garantiam a reprodutibilidade dos dados de teste?

Escreva uma função para calcular a mediana de um array de números.

Revisão da atribuição de papel ao utilizador Vue 2 ```javascript export default { data() { return { user: { name: 'Ivan' } }; }, methods: { setRole(role) { this.user.role = role; } } } ```

Existe um array de 200 IDs. Precisa de fazer uma requisição para /api/users/:id para cada um. Escreva uma função que execute as requisições, mas não mais do que N ao mesmo tempo, e retorne os resultados na ordem do array de entrada.

Revisão do mixin Nuxt 2 para deteção de dispositivo ```javascript export default { data() { return { isMobile: window.innerWidth < 768 } } } ```

Que casos interessantes ou situações não convencionais encontrou ao trabalhar com Playwright?

Como pode fazer cache de páginas/respostas numa aplicação Nuxt para reduzir a carga? Já trabalhou com Redis ou cache Nitro?

Quais podem ser as causas de uma tela branca longa durante SSR (Nuxt)? Como diagnosticar e resolver o problema do alto Time to First Byte?

Fale sobre a transição do Vue 2 para o Vue 3: o que mudou (VueX para Pinia, Options API para Composition API, Vue.extend para defineComponent, new Vue para createApp, etc.)?

Fale-me sobre a otimização do desempenho das páginas no Nuxt: com o que se deparou, quais problemas resolveu e como.

async function loadUsers(ids) { const users = [] ids.forEach(async id => { const res = await fetch(`/api/users/${id}`) const user = await res.json() users.push(user) }) return users } Identify the problem with this code and suggest how to fix it.

função debounce(fn, delay) { let timer return function (...args) { clearTimeout(timer) timer = setTimeout(() => fn(args), delay) } }

Revisão do mixin Nuxt 2 - ouvinte de redimensionamento ```javascript export default { data() { return { width: 0 } }, mounted() { window.addEventListener('resize', this.onResize) this.onResize() }, methods: { onResize() { this.width = window.innerWidth } } } ```

Fale sobre o bundler ao migrar do Vue 2 para o Vue 3: havia Webpack (Vue CLI), agora Vite. Houve algum caso interessante, conflitos de configuração, ou algo que precisou ser reescrito?