Frontend

Vai bērnu komponenti, kuriem nav nodoti props, tiks pārrenderēti, ja vecāka komponenta stāvoklis mainīsies? Kā to novērst?

Kas ir generics un kur jūs tos patiesi izmantojāt?

Kādus utilitāros tipus no TypeScript izmanto darba? Pastāsti par Record, Pick, Omit, Partial, Required, Parameters, Exclude, Extract.

Middle+

IT One

Ko jūs domājāt ar code splitting?

Kas ir Feature-Sliced Design (FSD)? Pastāsti par savu pieredzi ar FSD.

Kādi piekļuves ir nepieciešamas pirms repozitorijas klonēšanas?

Īsi pastāstiet par sevi un savu darba pieredzi.

Kā jūs risinātu lietotnes migrācijas problēmu ar Vue 2 un Vuetify 1.5 uz jaunākām versijām?

Izstrādājiet EventEmitter klasi: metodi subscribe(event, handler) lai abonētos uz notikumu un emit(event, data) lai izsauktu visus abonentus. Tāpat īstenojiet unsubscribe metodi.

Kas ir Canvas, kā tas darbojas un kādas grūtības rodas, strādājot ar to frontendā?

Vai bija gadījumi, kad komandas vai vadības lēmums par uzdevumu jums nepatika?

Kāda arhitektūra tika izmantota projektā? Vai jums ir pieredze ar mikroservisiem?

Middle

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

Kāda ir atšķirība starp HTTP un HTTPS?

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: 'Vardas', dataIndex: 'name', key: 'name', }, { title: 'Pardavimai', dataIndex: 'sales', key: 'sales', sorter: (a: Product, b: Product) => a.sales - b.sales, render: (v: number) => v.toLocaleString(), }, { title: 'Kategorija', dataIndex: 'category', key: 'category', render: (category: string) => ( <Tag color={categoryColors[category]}>{category}</Tag> ), }, { title: 'Veiksmas', key: 'action', render: (_: any, record: Product) => ( <Button danger onClick={() => handleDelete(record.id)}> Ištrinti </Button> ), }, ]; return <Table dataSource={products} columns={columns} rowKey="id" />; };

Aprakstiet savu pieredzi ar NGRX. Kā tika īstenots veikals? Vai tika izmantoti efekti un fasādes modelis?

Kas notiek ar lazy moduli, kad iziet no maršruta? Kas notiek ar komponentiem, direktīvām, pakalpojumiem?

Tiešraides kodēšanas uzdevums: izstrādāt mākoņu izmaksu kalkulatoru Vue 3 ar TypeScript. Ielādēt tarifus no API, izvēlēties pakalpojumu (compute/storage), izvēlēties tarifu, periodu (stundas/dienas), daudzumu, aprēķināt kopējās izmaksas.

Middle+

Рунити

Vai esi kādreiz strādājis ar Lighthouse? Iedomājies, ka tev uzdots uzlabot FCP (First Contentful Paint) metriku. Kādas idejas tev nāk prātā?

Pieredze darbā ar mikrofrontendiem?

Middle

АЙ-ТЕКО

Pastāstiet par saviem mērķiem, tostarp materiālajiem, nākamajam gadam.