Frontend

Czym jest operator 'as' w TypeScript i jakie są jego zalety i wady?

Opowiedz o krytycznych etapach renderowania przeglądarki

Czy pracowałeś z podejściami architektonicznymi takimi jak FSD (Feature-Sliced Design)?

Jak rozwiązujesz problem optymalizacji ładowania obrazów dla różnych rozdzielczości ekranu?

Zadanie dotyczące łączenia łańcuchów w JavaScript: co zostanie wyświetlone na ekranie i dlaczego? (przykład z operatorem + i łańcuchami/liczbami)

Jak zoptymalizować ponowne renderowania w React? Opowiedz o React.memo, useCallback, useMemo.

Jak rozwiązać zadanie withTimeout alternatywnie za pomocą Promise.race? Czym jest Promise.race, czym różni się od Promise.all?

Middle

X5 tech

Jakie atrybuty ma tag form?

Dlaczego myślisz o odejściu z obecnego miejsca pracy?

Senior

СБЕР

W jakim jesteś mieście? Czy jesteś gotów się przeprowadzić? Co sądzisz o Hybrid?

Czym są ataki XSS?

Znajomość baz danych i pracy z API

Opowiedz o swoim doświadczeniu z Node.js na przykładzie jakiegoś projektu, co dokładnie na nim rozwijałeś?

Middle+

Яндекс Маркет

Dlaczego w Vue 3 wprowadzono API kompozycji? Jakie są zalety w porównaniu z API Opcji?

Middle+

Рунити

Czy zdarzyło Ci się konfigurować ESLint i Prettier tak, aby nie kolidowały ze sobą?

Opowiedz o Promise: statusy, metody statyczne (all, allSettled, any, race).

Middle+

IT One

Pobierz dane o książkach i ich autorach. Wyświetl dane w formie paginowanej listy po 10 książek na stronie w formacie: <tytuł książki> - <autor> api: [link] specyfikacja: [link] jeśli swagger się nie otwiera, w katalogu głównym 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>Ładowanie...</p>} <ul> {currentBooks.map((book, index) => ( <li key={index}>{book.title} - {book.author}</li> ))} </ul> <div> <button disabled={page === 1} onClick={() => setPage(page - 1)}> Wstecz </button> <button disabled={page === totalPage} onClick={() => setPage(page + 1)}> Dalej </button> </div> </div> ); } Popraw błędy i zaimplementuj paginowane wyświetlanie listy książek z autorami.

Jak rozwiązać problem z wspólnym stanem isOpen dla kilku węzłów? Czy istnieje jeszcze ładniejsza opcja?

Jakie projekty musiałeś projektować: od zera czy duże bloki architektoniczne?

Middle+

Т-Банк

Jak będzie działała replikacja bazy danych (master-slave)? Jak load balancer będzie kierować zapytania do różnych serwerów z różnymi bazami danych?

Middle+

Т-Банк