Frontend

Napišite funkciju za izračunavanje medijane niza brojeva.

Ispričaj mi o E2E testiranju s Playwright: kako je bio organiziran sustav testiranja, kako se pokretao, kako su surađivali s backendom, kako su osiguravali reproducibilnost testnih podataka?

Pregled dodeljivanja uloge korisniku Vue 2 ```javascript export default { data() { return { user: { name: 'Ivan' } }; }, methods: { setRole(role) { this.user.role = role; } } } ```

Postoji niz od 200 ID-ova. Za svaki treba poslati zahtev na /api/users/:id. Napiši funkciju koja izvršava zahteve, ali ne više od N istovremeno, i koja vraća rezultate u redosledu ulaznog niza.

Pregled Nuxt 2 mixina za detekciju uređaja ```javascript export default { data() { return { isMobile: window.innerWidth < 768 } } } ```

Koji su interesantni slučajevi ili nestandardne situacije koje ste doživeli tokom rada sa Playwright-om?

Koji mogu biti razlozi dugog belog ekrana pri SSR (Nuxt)? Kako dijagnostikovati i rešiti problem velikog vremena do prvog bajta?

Kako možete keširati stranice/odgovore u Nuxt aplikaciji za smanjenje opterećenja? Da li ste radili sa Redis-om ili Nitro keširanjem?

Ispričaj o prelazu s Vue 2 na Vue 3: šta se promenilo (VueX na Pinia, Options API na Composition API, Vue.extend na defineComponent, new Vue na createApp itd.)?

Ispričaj mi o optimizaciji performansi stranica u Nuxt: s čime si se suočio, koje probleme si rešio i kako.

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.

функција debounce(fn, delay) { let timer return function (...args) { clearTimeout(timer) timer = setTimeout(() => fn(args), delay) } }

Pregled Nuxt mixina 2 - slušač promene veličine ```javascript export default { data() { return { width: 0 } }, mounted() { window.addEventListener('resize', this.onResize) this.onResize() }, methods: { onResize() { this.width = window.innerWidth } } } ```

Ispričaj o build tool-u prilikom prelaska sa Vue 2 na Vue 3: bio je Webpack (Vue CLI), sada Vite. Da li su postojali zanimljivi corner-case-ovi, konflikti konfiguracije ili stvari koje si morao da prepišeš?