Frontend
Requisito técnico: componente para recortar imagens Objetivo: Desenvolver um componente próprio do zero (Vue + TypeScript) que permita ao utilizador carregar uma imagem, selecionar uma área para recortar e obter o resultado em forma de coordenadas. Requisitos funcionais: 1. Componente independente - O componente deve ser totalmente autónomo, escrito do zero. - Utilizar Vue e TypeScript. 2. Carregamento e exibição da imagem - Prever uma janela (área de visualização) onde a imagem possa ser inserida. - A área deve ter uma largura e altura máximas definidas. - Se a imagem exceder as dimensões da área, ela deve ser automaticamente escalada para ajustar ao tamanho da janela (sem sair dos limites da tela). 3. Seleção da área para recorte - Após o carregamento, a imagem é exibida na janela. - O utilizador deve poder selecionar uma área para recortar com o rato. - área arbitrária (sem relação de aspeto fixa). 4. Guardar o resultado - O botão "Guardar" dispara um evento ou método. - Como resultado, são devolvidas as coordenadas da área selecionada para recortar. - Não é necessário implementar o processo de recorte no servidor.
Quantos threads há no JavaScript?
Que outros métodos existem para percorrer uma árvore além da recursão? Quais são as vantagens e desvantagens da recursão e da pilha?
Que métodos de processamento de arrays conheces?
Se tiver tempo livre e há duas tarefas na lista — uma técnica (refatoração) e uma de produto com a mesma prioridade — qual escolheria?
Você treina crianças há mais de 10 anos e elas se tornaram campeãs da Rússia. Quais práticas da sua atividade de treinador você transferiu para o trabalho com juniores?
Que diretivas do Angular conheces? Como criar uma diretiva personalizada de atributos e estrutural?
Fala sobre os tipos utilitários em TypeScript: quais usaste e para quê?
Sabes a diferença entre enum e constantes em TypeScript?
Fala-me sobre micro-frontends: para que servem e como trabalhas com eles?
Disse que Angular não era a tua praia. Porquê?
Para que serve a semântica das tags HTML?
Qual é a diferença entre uma união simples e uma união discriminada?
Fale sobre um desafio técnico complicado que teve de resolver.
Já trabalhou com Vuex? O que são mutações no Vuex?
Há uma tabela com 50 colunas e muitas linhas. Diferentes grupos de utilizadores querem ver os seus conjuntos de colunas, e essas configurações devem ser guardadas após recarregar a página e fechar o navegador. Como você implementaria isso?
Que tipos utilitários conhece, por exemplo Pick, Omit, Partial, Required? Como são utilizados?
Qual é a diferença entre ref e reactive no Vue 3?
Fale sobre uma aplicação fullstack em Node.js/Express para automatizar a personalização das páginas de pagamento.
Fala sobre os hooks do React e as regras para usá-los