Frontend

Цифриумdakı layihə haqqında daha ətraflı məlumat verin: hansı modullardan məsul idilər, funksiyanın quruluşu necə idi — endpoints, modellər, biznes məntiqi, abunəliklər harada yerləşirdi?

// [telefon] function getMoney(amount) { // Kodun burada } console.log(getMoney(4650));

Öz UI kitabxanələri və ya komponent kitabxanələri yazmaq təcrübəniz varmı?

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" />; };

/** * Tam tamamilə tam ədədlər (x, y) koordinatlarına malik nöqtələr massividir. * Bu nöqtələrin bu xəttə görə simmetrik iki qrup halında bölünüb bölünmədiyini müəyyən edin. * Qeyd: Rahatlıq üçün, nöqtəni [x, y] massiv kimi deyil, {x, y} obyekt kimi təqdim edə bilərsiniz. */ 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) { // kod burada }

Middle

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

React.memo nədir? useCallback nə vaxt tətbiq olunur?

Middle+

IT One

Uşaq komponentinə ötürülərkən primitiv məlumat tipləri üçün useMemo istifadə etmək lazımdırmı?

CI/CD necə qurulmuşdu? Nə etdiniz, kimlərlə əlaqə saxladınız?

Karyeranda nə ilə fəxr edirsən?

Tərcümədə adaptiv dizayndan bəhs olunur — tətbiq mobil brauzerlərdə də istifadə olunubmu?

Təcrübəniz haqqında danışın

Siz üçün layihədə və komandada nə vacibdir: hansı proseslər və qarşılıqlı əlaqə formatları sizin üçün rahatdır və sıfırdan proseslərin qurulmasına hazırısınız?

Yaxşı—bunu tokenləşdirilmiş yerləşdirmə məsələsi kimi qəbul edib, `gap`-a güvənərək, komponentlər arasında ritmi davamlı saxlamağın ən asan və davamlı yolu adətən budur. SVG ikon və mətn arasında brauzerlər arasında piksel dəqiqliyi ilə tipografik hizalanmanı necə təmin edirsiniz—`line-height`, `vertical-align`, elastik hizalama və ya başqa bir şeyə güvənirsiniz?

Məntiqi iki useEffect-ə bölmək və ya birini saxlamaq daha yaxşıdır? Asılılıqları necə daha yaxşı təşkil etmək olar?

Tətbiqi tapşırıq: React/TypeScript-də məhsul mağazası həyata keçirin — şəkil, ad, təsvir və qiymət daxil olan kartlarla məhsullar siyahısını göstərin. Məlumatlar serverin təqlidi vasitəsilə yüklənir.

Middle

Альфа-Банк

TCP və UDP nədir? Əsas fərqi nədir? UDP harada istifadə olunur?

Pinia nədir?

CSS-də brauzer üslubları, istifadəçi üslubları və müəllif üslubları nədir?

TypeScript-də interface və type arasındakı fərq nədir? Eyni adlı iki interfeys elan etsək nə baş verər?

INode interfeysinə malik ağac var (value: number, left?: INode, right?: INode). Ağacı gəzən və bütün dəyərlərin cəmini qaytaran funksiya yazın.

Middle

Транснефть