Frontend
Wat is de 'as'-operator in TypeScript en wat zijn de voor- en nadelen?
Vertel me over de kritieke fasen van de rendering van de browser
Heb je gewerkt met architecturale benaderingen zoals FSD (Feature-Sliced Design)?
Hoe los je het optimalisatieprobleem op voor het laden van afbeeldingen voor verschillende schermresoluties?
Opdracht voor string concatenatie in JavaScript: wat wordt er op het scherm weergegeven en waarom? (voorbeeld met de + operator en strings/getallen)
Hoe optimaliseer je her-renderingen in React? Vertel over React.memo, useCallback, useMemo.
Hoe los je de withTimeout taak op een alternatieve manier op met Promise.race? Wat is Promise.race, hoe verschilt het van Promise.all?
Welke attributen heeft het form-tag?
Waarom denk je eraan om je huidige baan te verlaten?
In welke stad ben je? Ben je bereid te verhuizen? Wat vind je van Hybrid?
Wat zijn XSS-aanvallen?
Kennis van databases en werken met API's
Vertel over je ervaring met Node.js aan de hand van een project, wat je precies hebt ontwikkeld.
Waarom is de Composition API geïntroduceerd in Vue 3? Wat zijn de voordelen ten opzichte van de Options API?
Heeft u ESLint en Prettier zo moeten instellen dat ze niet met elkaar in conflict kwamen?
Vertel over Promise: statussen, statische methoden (all, allSettled, any, race).
Haal gegevens op over boeken en hun auteurs. Toon de gegevens in een gepagineerde lijst van 10 boeken per pagina in het formaat: <titel van het boek> - <auteur> api: [link] specificatie: [link] als swagger niet opent, in de root sber-c55-books-mock-1.0.1-oas3.1-resolved.yaml const PAGE_SIZE = 10; export default function App() { const [books, setBooks] = useState([]) const [page, setPage] = useState(1); const [loading, setLoading] = useState(false) useEffect(() => { setLoading(true); fetch('[link]') .then((res) => res.json()) .then((data) => { setBooks(data); setLoading(false); }) .catch(() => setLoading(false)); }, [page]); const totalPage = Math.ceil(books.length / PAGE_SIZE); const start = (page - 1) * PAGE_SIZE; const currentBooks = books.slice(start, start + PAGE_SIZE); return ( <div className="App"> {loading && <p>Bezig met laden...</p>} <ul> {currentBooks.map((book, index) => ( <li key={index}>{book.title} - {book.author}</li> ))} </ul> <div> <button disabled={page === 1} onClick={() => setPage(page - 1)}> Vorige </button> <button disabled={page === totalPage} onClick={() => setPage(page + 1)}> Volgende </button> </div> </div> ); } Corrigeer de fouten en implementeer de paginagestuurde weergave van een boekenlijst met auteurs.
Hoe kan het probleem met de gemeenschappelijke staat isOpen voor meerdere knooppunten worden opgelost? Is er een nog mooiere optie?
Welke projecten moest je ontwerpen — vanaf nul of grote architectonische blokken?
Hoe zal de replicatie van de database (master-slave) werken? Hoe zal de load balancer verzoeken naar verschillende servers met verschillende databases sturen?