Frontend

Կարճ ներկայացրեք ինքներդ և աշխատանքային փորձը։

Նշեք Promise-ի ստատիկ մեթոդները և բացատրեք, թե ինչ է խոստումը։

Ինչու React-ը պահանջում է, որ հուկերը կանչվեն վերադարձից առաջ, ոչ թե հետո?

Ի՞նչ տարբերություն կա display: none, visibility: hidden և opacity: 0 միջև։

Middle+

Рунити

Ի՞նչ են ռեակցիոն ձևանմուշների վալիդատորները: Ինչ են ընդունում և ինչ են վերադարձնում:

Middle

Aston

Նկարագրեք առաջադրանքի ճանապարհը բեքլոգում հայտնվելուց մինչև արտադրական դուրսգալը՝ բոլոր փուլերը։

Middle+

Рунити

Իմացիր ինձ որպես frontend ծրագրավորող՝ ինչի վրա եք աշխատել, ինչ փորձ ունեք՝ առևտրային թե կրթական։

Ի՞նչ ճարտարապետություն է օգտագործվել նախագծում: Ունեք արդյոք միկրոսերվիսների փորձ?

Middle

Лига Цифровой Экономики

Կարող ես մի փոքր պատմել օդանավակայաններում ուղևորների սպասարկման գործակալների համար վարչական պորտալի գործառույթների մասին?

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: 'Անուն', dataIndex: 'name', key: 'name', }, { title: 'Վաճառքներ', dataIndex: 'sales', key: 'sales', sorter: (a: Product, b: Product) => a.sales - b.sales, render: (v: number) => v.toLocaleString(), }, { title: 'Կատեգորիա', dataIndex: 'category', key: 'category', render: (category: string) => ( <Tag color={categoryColors[category]}>{category}</Tag> ), }, { title: 'Գործողություն', key: 'action', render: (_: any, record: Product) => ( <Button danger onClick={() => handleDelete(record.id)}> Ջնջել </Button> ), }, ]; return <Table dataSource={products} columns={columns} rowKey="id" />; };

Նկարագրեք ձեր փորձը NGRX-ով աշխատելու մասին: Ինչպես իրականացվեց store-ը: Օգտագործվեցին Effects և facade pattern?

Ինչպե՞ս կպատմես Middle և Senior-ի տարբերությունը ֆրոնտենդ զարգացման մեջ։

Middle

Госуслуги

Ի՞նչ է տեղի ունենում անուշադրության մոդուլին ճանապարհից դուրս գալու ժամանակ: Ի՞նչ է տեղի ունենում կոմպոնենտների, ուղղորդիչների, ծառայությունների հետ։

Կա՞ միջոց՝ ձևը մշակելու ստանդարտ ուղարկումից բացի: Ինչպե՞ս ուղարկել ձևը JavaScript-ով։

Կպատմեք ավելի մանրամասն ձեր փորձի մասին՝ դուք ինքներդ հավաքել եք պահանջները, թե դրանք եկել էին պատրաստի։

Դու երբևէ աշխատե՞լ ես Lighthouse-ով: Նկատիր, որ քեզ հանձնարարել են բարելավել FCP (First Contentful Paint) չափանիշը: Ի՞նչ գաղափարներ են գալիս քեզ մտքով:

Ի՞նչ կլինի this-ի հետ strict և non-strict ռեժիմներում, եթե փորձեք մուտք գործել այն կոնտեքստին, որը չկա։

Ինչպե՞ս եք հետևել կոդի որակին: Օգտագործո՞ւմ էիք լինթերներ, commit-hook-ներ։

Այս նախագիծը մնաց առանց դիզայնի, թե՞ հետագայում եկավ դիզայներ և ամեն ինչ վերանորոգեց։

Ինչն է տարբերությունը rem և em միջև?