Frontend

Come ottimizzare il caricamento delle immagini nelle schede visibili nel viewport? Come risolvere il problema della condizione di race durante il rapido cambio di contenuto (ad esempio, YouTube Shorts)?

Cosa è stato usato per lavorare con moduli multidimensionali, per la validazione, quali problemi sono stati incontrati, come sono stati testati?

Se avessi carta bianca, quale forma ideale realizzeresti? Quali approcci, tecnologie e metodi utilizzeresti (validazione, gestione degli errori, UX, DX)?

Implementa la validazione lato server per i campi corrispondenti.

Con quali framework o strumenti lavori? Utilizzi strumenti di IA nel tuo lavoro?

Come si possono memorizzare i dati nella cache sul server per accelerare il caricamento degli utenti?

Nella pagina c'è un lettore. È necessario fare in modo che premendo stop su una scheda, la riproduzione si interrompa anche su un'altra scheda. Come realizzeresti la comunicazione tra le schede?

Come funziona la virtualizzazione delle liste? Come viene implementato tecnicamente tramite JavaScript?

Implementa la tipizzazione TypeScript per la funzione customMap, che accetta un array di qualsiasi tipo e una funzione di trasformazione che restituisce un altro tipo. La funzione di trasformazione deve accettare tre argomenti (come il callback in Array.map).

#Modulo di registrazione React 1. Spiega come funziona StateProvider, condividi i tuoi pensieri con l'intervistatore. 2. Dai un'occhiata a /src/api/mock, spiega come funziona. 3. Controlla il colore del SubmitButton e correggilo. 4. Implementa la validazione del modulo client nel componente Signup. (\*) Ricorda il compito numero 9. Regole: - I campi Username, Email, Password e Repeat Password devono avere almeno 6 caratteri; - La Password deve corrispondere a Repeat Password; - La validazione deve essere eseguita al clic sul pulsante "SignUp"; - I campi con valori non validi devono essere contrassegnati (props error e helperText); 6. La risposta API può contenere un errore che deve essere visualizzato all'utente vicino al campo corrispondente. 7. Assicurati che il componente UserName renda il nuovo nome utente dopo una sottomissione riuscita. 8. Implementa il nuovo componente SignupSuccess. Deve essere mostrato invece del modulo di registrazione. 9. Implementa la validazione del server per i campi appropriati. --- Codice da mock.ts: ```typescript const fakeResponse = (userName) => ({ code: 200, user: { id: 42, userName, }, }); let a = 0; const api = { '/signup': function (userName: string, email: string, password: string) { a++; return new Promise((resolve, reject) => { setTimeout(() => { if (a % 2 === 0) { return resolve(fakeResponse(userName)); } else { return reject( new Error( `Il nome utente "${userName}" è già preso. Per favore, prova un altro.` ) ); } }, 500); }); }, }; export default api; ```

Hai menzionato Docker, CI/CD, GitHub Actions, GitLab — puoi spiegare cosa facevi esattamente, quali pipeline, cosa c'era nei container?

Come scopri qualcosa di nuovo sulla programmazione e cosa ti è rimasto impresso di recente?

Come venivano consegnate le versioni, come venivano testate, con quale frequenza venivano rilasciate?

Implementa la funzione promiseWithResolver ( promessa differita ), che restituisce un oggetto con i campi resolve e promise.

Abbiamo un frontend molto grande in un monorepo, su cui lavorano contemporaneamente molte squadre diverse. Non possiamo passare ai micro-frontend. Come minimizzare i rischi che diverse squadre influenzino il lavoro degli altri?

#Modulo di registrazione React 1. Spiega come funziona StateProvider, condividi i tuoi pensieri con l'intervistatore. 2. Dai un'occhiata a /src/api/mock, spiega come funziona. 3. Controlla il colore del SubmitButton e correggilo. 4. Implementa la validazione del modulo client nel componente Signup. (* ) Tieni presente il numero del task 9. Regole: - I campi Username, Email, Password, Ripeti Password devono avere almeno 6 caratteri; - La Password deve corrispondere a Ripeti Password; - La validazione deve essere eseguita al clic sul pulsante "Iscriviti"; - I campi con valori non validi devono essere contrassegnati (props error e helperText); 6. La risposta API può avere un errore che deve essere visualizzato all'utente vicino al campo corrispondente. 7. Assicurati che il componente UserName visualizzi il nuovo nome utente dopo l'invio riuscito. 8. Implementa il nuovo componente SignupSuccess. Deve essere mostrato al posto del modulo di registrazione. 9. Implementa la validazione del server per i campi appropriati.

Cosa fai di solito se senti che lo sviluppo è in corso e sei un po' in ritardo rispetto alle scadenze? C'è una data di rilascio, ma capisci che non riuscirai a completare il compito in tempo.

Crea il segnale STOP (cerchio rosso con una striscia bianca e un bordo doppio) usando solo un div e CSS (gli pseudo-elementi sono consentiti).

Come venivano scambiati i file nella chat — semplicemente con una richiesta POST o c'erano file di grandi dimensioni?

const customMap = (array, transform) => { // qualcosa come array.map(transform); }; const stringResults = customMap([1, 2, 3], item => item.toString()); const lengths = customMap(["ciao", "mondo"], item => item.length);