Frontend
Perché hai deciso di cambiare azienda?
Perché hai deciso di cercare lavoro e perché da noi?
Il metodo splice è mutante o no? Come creare una versione non mutante?
Non è stato difficile distribuire il tempo su due progetti paralleli da parte dello stesso team?
Come gestisci il design delle interfacce senza un designer nel team?
Ci restano 5 minuti: cosa vorresti ancora raccontare, cosa non abbiamo fatto ma è importante considerare affinché la soluzione possa essere considerata pronta per lo sviluppo?
OkkoCome funziona internamente una tabella hash (HashMap)?
Альфа-Банк/** * Scrivi un componente che riceve l'utente tramite {{userId}} e mostra i dati principali * Per la richiesta, usare fetchUser */ export const User: FC<Props> = ({ userId }) => { // Scrivi qui la tua soluzione: const user = userId && fetchUser({ id: userId }); if (!user) return null; return ( <div className="stack column"> <div>UserId: </div> <div>UserName: </div> </div> ); };
Descrivi la tua giornata lavorativa media nei momenti migliori del progetto. Chi erano i membri del team e cosa facevano?
Puoi descrivere la struttura di una richiesta HTTP: di quali parti è composta?
Se ogni micro-frontend aggiunge stili di base globali di Tailwind CSS e sono duplicati, hai avuto un problema simile?
Non ti dispiace fare fullstack?
Come rendere una tabella con 300.000 oggetti efficiente e facile da usare per l'utente?
A cosa servono le chiavi (keys) nelle liste di React e perché non bisogna usare l'indice dell'array come chiave?
C'è un codice con IIFE che restituisce un oggetto con un campo value e un metodo setValue. Cosa verrà visualizzato nella console dopo aver chiamato setValue(2) e aver accesso al campo value? Cosa bisogna correggere affinché venga visualizzato il numero due?
Per quanto riguarda le tabelle — hai creato tabelle complesse e lunghe con virtualizzazione, dove viene renderizzato solo ciò che è visibile sullo schermo dell'utente?
Come si può costruire l'adattabilità usando Flexbox e Grid? In cosa differiscono funzionalmente?
/** * È stato fornito un array. È necessario ordinare i numeri dispari in ordine crescente, * e lasciare i numeri pari al loro posto * / export function oddSort(numbers) { // il tuo codice qui } console.log(oddSort([2, 3, 7, 4, 6, 1, 5, 8, 9])); // [2, 1, 3, 4, 6, 5, 7, 8, 9] console.log(oddSort([2, 4, 6, 8])); // [2, 4, 6, 8] console.log(oddSort([3, 7, 1, 5, 9])); // [1, 3, 5, 7, 9] // È necessario verificare la soluzione del problema su due servizi, chiamando: // 1. checkResult(url1, solution) // 2. checkResult(url2, solution) // // checkResult: (url: string, solution: string | number) => Promise<boolean>; // // - Se entrambe le richieste restituiscono true, stampare success // - Se almeno una restituisce false, stampare fail // - Se almeno una non risponde, stampare error // - Se almeno una risponde oltre 1 secondo, stampare timeout import { checkResult } from '...'; export async function checkResults() { const solution = 'Any answer'; const url1 = 'yandex.ru'; const url2 = 'google.com'; checkResult(url1, solution); checkResult(url2, solution); }
Яндекс МаркетPerché viene realizzato questo progetto? In quale nicchia di valore si inserisce, quale problema risolve? Ci sono concorrenti?
Cosa ne pensi dell'approccio CSS-in-JS (styled-components, emotion)?
МВидео