Frontend

Parlami di te come sviluppatore frontend: su cosa hai lavorato, qual è stata la tua esperienza — commerciale o accademica?

Cos'è Pinia e a cosa serve?

Parlami dei test E2E con Playwright: come era strutturato il sistema di test, come veniva eseguito, come interagivano con il backend, come si garantiva la riproducibilità dei dati di test?

Nel tuo curriculum si dice che hai sviluppato con Next.js — è corretto? Era Next.js con App Router o Pages Router?

Middle

Лига Цифровой Экономики

```javascript const obj = { nome: 'Alex', dici() { console.info(this.nome); } }; const obj2 = { nome: 'Ivan' } const fn = obj.dici.bind(obj).bind(obj2); fn(); obj.dici(); ```

Ci sono stati casi in cui due consumer si sono collegati allo stesso argomento Kafka?

Immagina una coda di macro task con cinque `setTimeout`, mentre microtask aggiungono infinite nuove microtask, ad esempio tramite `Promise.resolve().then()` ricorsivi. Cosa succederà all'interfaccia e questi cinque timeout verranno mai eseguiti? Perché?

Puoi spiegare l'Event Loop: in quale ordine vengono eseguiti il codice sincrono, le microtask e le macro task?

Middle+

Лига Цифровой Экономики

/** * Compito 3: Analizza la funzione sottostante e correggi eventuali errori. Spiega il ruolo del tipo `never` in TypeScript. */ function throwError(): never { throw new Error('Si è verificato un errore'); } /** * Compito 4: Trasforma il tipo `MaybeProps` dato per rendere tutte le sue proprietà obbligatorie. */ type MaybeProps = { a?: number; b?: string; }; /** * Compito 5: Crea un tipo generico `Container` che contiene una singola proprietà `value`. * Il tipo di `value` dovrebbe essere limitato a `string` o `number`. */ type Container<T> = { value: T; };

A cosa serve l'attributo key in React? Cosa succede se la key cambia?

Quali compiti ti piaceva di più svolgere?

// e ogni valore è un array che contiene tutti gli elementi dell'array originale con questa chiave. // codice qui // Esempio 1 const array1 = [ { id: 1 }, { id: 1 }, { id: 2 } ]; const fn = (item) => item.id; console.log(array1.groupBy(fn)); // { // 1: [{ id: 1 }, { id: 1 }], // 2: [{ id: 2 }] // } // Esempio 2 const array2 = [1, 2, 3]; console.log(array2.groupBy(String));

Parla più dettagliatamente della cache per una consegna rapida delle pagine. Fornisci un esempio sulla seconda interfaccia (schermata delle domande).

Middle+

Okko

Conosci le diverse versioni del protocollo HTTP (HTTP/1, HTTP/2, HTTP/3)? Qual è la differenza tra esse?

Middle+

Альфа-Банк

Qual è la differenza tra DOM virtuale e DOM normale?

Parlami del tuo attuale posto di lavoro e di cosa fai?

Cosa sono props e state in React? Qual è la differenza?

Ci sono state situazioni in cui un task era già integrato in develop, ma non doveva entrare nella release corrente? Come hai gestito questa situazione?

Quali strumenti ausiliari, inclusi strumenti per test, refactoring e revisione del codice, utilizzi?

Raccontami un caso interessante di risoluzione di un compito difficile in un progetto.