Frontend
Vertel me meer over het project in Цифриум: waarvoor waren ze verantwoordelijk, hoe was de functie opgebouwd — waar waren endpoints, modellen, bedrijfslogica, abonnementen?
// [telefoon] function getMoney(amount) { // Jouw code hier } console.log(getMoney(4650));
Heeft u ervaring met het schrijven van eigen UI-bibliotheken of componentbibliotheken?
import React, { useMemo } from 'react'; import { Button, Table, Tag } from 'antd'; import { useAppDispatch, useAppSelector } from '../hooks/redux'; import { Product } from '../types'; import { deleteProduct } from '../store/productSlice'; const categoryColors: Record<string, string> = { Electronics: 'blue', Accessories: 'green', Tools: 'orange', }; export const ProductList: React.FC = () => { const allProducts = useAppSelector((state) => state.products.items); const products = useMemo(() => [...allProducts], [allProducts]); const dispatch = useAppDispatch(); const handleDelete = (id: string) => { dispatch(deleteProduct(id)); }; const columns = [ { title: 'Name', dataIndex: 'name', key: 'name', }, { title: 'Sales', dataIndex: 'sales', key: 'sales', sorter: (a: Product, b: Product) => a.sales - b.sales, render: (v: number) => v.toLocaleString(), }, { title: 'Category', dataIndex: 'category', key: 'category', render: (category: string) => ( <Tag color={categoryColors[category]}>{category}</Tag> ), }, { title: 'Action', key: 'action', render: (_: any, record: Product) => ( <Button danger onClick={() => handleDelete(record.id)}> Delete </Button> ), }, ]; return <Table dataSource={products} columns={columns} rowKey="id" />; };
/** * Gegeven een array van punten met gehele coördinaten (x, y). * Bepaal of er een verticale lijn bestaat, * die de punten verdeelt in twee sets die spiegelbeeldig zijn ten opzichte van deze lijn. * Opmerking: Voor het gemak kan het punt worden voorgesteld als een object {x, y} in plaats van een array [x, y]. */ isVertSym([[0, 0], [0, 0], [1, 1], [2, 2], [3, 1], [4, 0], [4, 0]]) // true isVertSym([[0, 0], [0, 0], [1, 1], [2, 2], [3, 1], [4, 0]]) // false isVertSym([]) // true isVertSym([[0, 0]]) // true isVertSym([[0, 0], [10, 0]]) // true isVertSym([[0, 0], [11, 1]]) // false isVertSym([[0, 0], [1, 0], [3, 0]]) // false function isVertSym(list) { // code hier }
Wat is React.memo? Wanneer wordt useCallback toegepast?
Moet je useMemo gebruiken voor primitieve datatypes bij het doorgeven aan een kindcomponent?
Hoe heb je CI/CD ingesteld? Wat heb je precies gedaan, met wie heb je gecommuniceerd?
Waar ben je trots op in je carrière?
In het cv wordt gesproken over een responsief ontwerp — is de applicatie ook gebruikt in mobiele browsers?
Vertel me over je ervaring
Wat is voor jou belangrijk in een project en team: welke processen en interactievormen zijn comfortabel voor jou, en ben je bereid om vanaf nul processen op te bouwen?
Goed—door het te behandelen als een getokeniseerde lay-outkwestie en te vertrouwen op `gap`, is meestal de meest onderhoudsvriendelijke manier om het ritme consistent te houden tussen componenten. Hoe bereik je pixel-perfecte typografische uitlijning (cap-height/baseline) tussen een SVG-pictogram en tekst in verschillende browsers—vertrouw je op `line-height`, `vertical-align`, flex-uitlijning, of iets anders?
Is het beter om de logica op te splitsen in twee useEffect of er één te laten? Hoe organiseer je de afhankelijkheden het beste?
Praktische opdracht: een productwinkel implementeren in React/TypeScript — een lijst met producten weergeven met kaarten die een afbeelding, naam, beschrijving en prijs bevatten. De gegevens worden geladen via een simulatie van een server.
Wat zijn TCP en UDP? Wat is het fundamentele verschil? Waar wordt UDP gebruikt?
Wat is Pinia?
Wat zijn de stijlen van de browser, de gebruikersstijlen en de auteursstijlen in CSS?
Wat is het verschil tussen interface en type in TypeScript? Wat gebeurt er als je twee interfaces met dezelfde naam declareert?
Er is een boom met de interface INode (value: number, left?: INode, right?: INode). Schrijf een functie die door de boom loopt en de som van alle waarden teruggeeft.