Frontend

Pracoval jsi s výkonem? Nějak jsi ho optimalizoval? Například, pokud máš seznam Select s 10 tisíci řádky, jak bys ho optimalizoval?

Jaké HTTP metody znáte? Čím se liší PUT od PATCH?

Middle

X5 tech

Jak pracovat s asynchronním JavaScriptem? Čím se liší async/await od promise?

Co se stane, když se HTML dostane do prohlížeče? Jaké jsou blokující entity a jak s nimi pracovat?

Procházíte kód již ve fázi PR, před testováním a vydáním?

Jak se vztahujete k umělé inteligenci a jak ji ve své práci využíváte?

Co se změní v logice typu, pokud nahradíme `extends` za `=` (nastavení výchozí hodnoty pro generický typ)?

Middle+

Т-Банк

9. Kopírování Během kontroly si profesor Floyd všiml, že někteří studenti si vyměňují poznámky. Nejprve chtěl všem dát dvojku, ale profesor byl laskavý, a proto se rozhodl studenty rozdělit do dvou skupin: ty, kteří umožňují kopírování, a těm, kterým dá pouze první skupině dvojku. Profesor má zaznamenány všechny páry studentů, kteří si vyměnili poznámky. Je třeba určit, zda je možné studenty rozdělit do dvou skupin tak, aby každá výměna poznámek probíhala od studenta jedné skupiny ke studentovi druhé skupiny. Formát vstupu V první řádce jsou dvě čísla N a M — počet studentů a počet párů studentů, kteří si vyměnili poznámky (1 ≤ N ≤ 10^2, 0 ≤ M ≤ N(N-1)/2). Dále v M řádcích jsou popsány páry studentů: dvě čísla odpovídající číslům studentů, kteří si vyměnili poznámky (číslování studentů začíná od 1, každý pár je uveden nejvýše jednou). Formát výstupu Je třeba vypsat odpověď na úlohu profesora Floyd. Pokud je možné studenty rozdělit do dvou skupin, napište YES; jinak, NO.

Je metoda splice mutující nebo ne? Jak vytvořit nemutující verzi?

Na jaké technologii byl editor postaven a jak je navržen?

Chápete, jak Zustand funguje pod kapotou?

Použili jste nějakou dohodu pro psaní commitů?

Máš zkušenosti s Next.js? Povíš mi o své zkušenosti.

Middle+

Аэрофлот

Mentálně spusťte zobrazenou funkci: co se zobrazí při prvním volání a proč? Jak opravit kód, aby se získala posloupnost čísel?

Čím se liší display: none od visibility: hidden? A od opacity: 0?

Middle+

Рунити

Jaké oblasti ve frontendu považujete za své silné stránky?

Pracoval(a) jste na přístupnosti rozhraní? Máte v tom zkušenosti?

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: 'Název', dataIndex: 'name', key: 'name', }, { title: 'Prodeje', dataIndex: 'sales', key: 'sales', sorter: (a: Product, b: Product) => a.sales - b.sales, render: (v: number) => v.toLocaleString(), }, { title: 'Kategorie', dataIndex: 'category', key: 'category', render: (category: string) => ( <Tag color={categoryColors[category]}>{category}</Tag> ), }, { title: 'Akce', key: 'action', render: (_: any, record: Product) => ( <Button danger onClick={() => handleDelete(record.id)}> Odstranit </Button> ), }, ]; return <Table dataSource={products} columns={columns} rowKey="id" />; };

Proč bylo v projektu zvoleno GraphQL?

Co děláš ve volném čase?

Middle+

Транснефть