Frontend

Analitik olmadan işləmək təcrübəniz olubmu, vəzifəni özünüz başa düşməlisiniz?

Middle+

IT One

Bizə hansı suallarınız var? Bu vəzifədən nə gözləyirsiniz?

Hansı HTTP metodlarını bilirsiniz? PUT ilə PATCH arasındakı fərq nədir?

Middle

X5 tech

Git-də merge və ya rebase seçmək? Fərqi nədir və nə vaxt rebase istifadə etmək lazımdır?

async function f(result = 1) { let promiseB = new Promise(resolve => { setTimeout(() => resolve("1e"), 200) }); let promiseA = new Promise(resolve => { setTimeout(() => resolve("ab"), 1000) }); result += await promiseA; result += await promiseB; alert(result); // ? } f(null);

Middle+

Рунити

TypeScript-də non-null assertion operator (!) ilə tanışsınızmı? Niyə anti-patran kimi hesab olunur?

Feature-Sliced Design (FSD) nədir? FSD ilə bağlı təcrübəniz haqqında danışın.

SSR və SSG arasındakı fərq nədir?

OPTIONS sorğusu hər zaman kross-domen sorğusuna göndərilirmi yoxsa yalnız lazım olduqda? Bu kontekstdə sadə və mürəkkəb sorğular arasındakı fərq nədir?

Arguments-i köhnə üsulla (ES5) massivə necə çevirmək olar, Array.from və spread-operatoru olmadan?

Yazılan commitlər üçün hər hansı bir razılaşmadan istifadə etdinizmi?

Çox vaxt sərt vaxt çərçivəsində layihə meneceri ilə əlaqə saxlamısınızmı? Bir şey çox sürətli olmalıdır, amma texniki olaraq bu sürətli həyata keçirmək mümkün deyilmi?

Middle+

Рунити

Frontend inkişafında Açıq/Qapalı prinsipinin nümunəsini göstərin, məsələn, render props vasitəsilə.

Kontextin bağlanması üçün hansı üsulları bilirsiniz?

İnterfeys əlçatanlığı ilə məşğul oldunuzmu? Bu sahədə təcrübəniz varmı?

Playwright ilə E2E-testlər haqqında danışın: test sisteminin quruluşu necə idi, necə işə salınırdı, backend ilə necə qarşılıqlı əlaqədə idi, test məlumatlarının təkrarlanmasını necə təmin edirdilər?

React-də useState haqqında danış: bu nədir, necə işləyir, sinxronmu və ya asinxronmu?

İtaliyada daimi yaşayırsınızmı? Ne qədər vaxtdır?

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

```javascript const obj = { ad: 'Alex', deyi() { console.info(this.ad); } }; const obj2 = { ad: 'Ivan' } const fn = obj.deyi.bind(obj).bind(obj2); fn(); obj.deyi(); ```