Frontend

Écrivez une fonction pour calculer la médiane d'un tableau de nombres.

Parlez-moi des tests E2E avec Playwright : comment le système de test était-il organisé, comment était-il lancé, comment interagissaient-ils avec le backend, comment garantissaient-ils la reproductibilité des données de test ?

Revue de l'attribution du rôle à l'utilisateur Vue 2 ```javascript export default { data() { return { user: { name: 'Ivan' } }; }, methods: { setRole(role) { this.user.role = role; } } } ```

Il y a un tableau de 200 identifiants. Il faut faire une requête à /api/users/:id pour chacun. Écris une fonction qui effectue ces requêtes, mais pas plus de N en même temps, et qui retourne les résultats dans l'ordre du tableau d'entrée.

Revue du mixin Nuxt 2 pour la détection de l'appareil ```javascript export default { data() { return { isMobile: window.innerWidth < 768 } } } ```

Quels cas intéressants ou situations non standard avez-vous rencontrés lors de votre travail avec Playwright?

Comment mettre en cache les pages/réponses dans une application Nuxt pour réduire la charge ? Avez-vous travaillé avec Redis ou la mise en cache Nitro ?

Quelles peuvent être les causes d'un écran blanc prolongé lors du SSR (Nuxt) ? Comment diagnostiquer et résoudre le problème du temps de première réponse élevé ?

Parlez-moi de la transition de Vue 2 à Vue 3 : ce qui a changé (VueX en Pinia, Options API en Composition API, Vue.extend en defineComponent, new Vue en createApp, etc.)?

Parlez-moi de l'optimisation des performances des pages dans Nuxt : avec quoi vous avez été confronté, quels problèmes vous avez résolus et comment.

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.

fonction debounce(fn, delay) { let timer return function (...args) { clearTimeout(timer) timer = setTimeout(() => fn(args), delay) } }

Revue du mixin Nuxt 2 - écouteur de redimensionnement ```javascript export default { data() { return { width: 0 } }, mounted() { window.addEventListener('resize', this.onResize) this.onResize() }, methods: { onResize() { this.width = window.innerWidth } } } ```

Parlez-moi du bundler lors de la migration de Vue 2 à Vue 3 : il y avait Webpack (Vue CLI), puis Vite. Y a-t-il eu des cas particuliers, des conflits de configuration, ou des choses que vous avez dû réécrire ?