Frontend

Que tipos utilitários do TypeScript utilizas no teu trabalho? Fala sobre Record, Pick, Omit, Partial, Required, Parameters, Exclude, Extract.

Middle+

IT One

O que queres dizer com code splitting?

O que é o Feature-Sliced Design (FSD)? Fala-me da tua experiência com FSD.

Que acessos são necessários antes de clonar o repositório?

Fale brevemente sobre si mesmo e sua experiência de trabalho.

Como resolveria o problema de migração de uma aplicação com Vue 2 e Vuetify 1.5 para versões mais recentes?

Implemente a classe EventEmitter: o método subscribe(event, handler) para subscrever a um evento e o método emit(event, data) para chamar todos os assinantes. Também implemente o método unsubscribe.

O que é o Canvas, como funciona e que dificuldades surgem ao trabalhar com ele no front-end?

Como é que se dispara (se chama) um evento para fora do componente? O que exatamente escrevemos quando emitimos um evento para o pai?

Que arquitetura foi usada no projeto? Tem experiência com microserviços?

Middle

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

Qual é a diferença entre HTTP e HTTPS?

Podes falar um pouco sobre a funcionalidade do portal administrativo para os agentes de atendimento aos passageiros nos aeroportos?

Fale-me sobre os testes E2E com Playwright: como foi estruturado o sistema de testes, como era executado, como interagiam com o backend, como garantiam a reprodutibilidade dos dados de teste?

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

Descreva sua experiência com NGRX. Como foi implementado o store? Foram utilizados efeitos e o padrão fachada?

O que acontece com o módulo preguiçoso ao sair da rota? O que acontece com os componentes, diretivas, serviços?

Tarefa de codificação ao vivo: desenvolver uma calculadora de custos de nuvem no Vue 3 com TypeScript. Carregar tarifas da API, selecionar serviço (compute/storage), escolher tarifa, período (horário/diário), quantidade, calcular o custo total.

Middle+

Рунити

Já trabalhou com Lighthouse? Imagine que lhe atribuem a tarefa de melhorar a métrica FCP (First Contentful Paint). Quais ideias vêm à sua mente?

Experiência com micro-frontends?

Middle

АЙ-ТЕКО

De que decisão autónoma ou melhoria estás orgulhoso? Talvez uma tarefa muito difícil ou importante?

Middle+

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