Perguntas com a tag [front-end]

Em projetos de software, front-end é a parte do sistema de software que interage diretamente com o usuário. Se a dúvida não for sobre "front-end", não use esta tag, mesmo que esteja usando "front-end" no seu projeto.

Filtrar por
Ordenado por
Com tags
-1 votos
0 respostas
36 visitas

Error: Response for preflight has invalid HTTP status code 404 em testes de integração no front com JEST

venho compartilhar meu caso que está me deixando biruta Estou realizando testes de integração sem mockagem no front, justamente para testar em tempo real a api, utilizo banco de testes e subo o back ...
Amanda Laureano's user avatar
-3 votos
0 respostas
16 visitas

Minha página web dentro do servidor do github não carrega alguns arquivos [fechada]

Eu tenho um projeto web front end dentro do github, fiz o procedimento dentro do github para que meu repositório tivesse acesso de outras pessoas, por exemplo o "matheusucupira.github.io/projeto-...
Matheus Sucupira's user avatar
-1 votos
0 respostas
11 visitas

Angular Material

tenho dois componentes onde um deles é o minhasAnotacoesComponent: import { Router } from '@angular/router'; import { Component } from '@angular/core'; import { CdkDragDrop, moveItemInArray } from '@...
David Souza's user avatar
0 votos
0 respostas
16 visitas

Ao mudar o estado do modal meu componente pai renderiza novamente

No componente pai eu faço um requisição que me devolve um trailer de filme. Ao clicar em Assistir trailer abre um modal que exibe o trailer do filme. Porém sempre que abro u fecho o modal, a ...
Gabriel Hermenegildo's user avatar
0 votos
0 respostas
44 visitas

Erro "RequestError: self-signed certificate in certificate chain" ao tentar instalar Electron js

Fala galera!! Estou tentando instalar o Electron js com o comando npm install electron e está apresentando erro O erro apresentado ao tentar instalar o electron é o seguinte: npm ERR! code 1 npm ERR! ...
Lucas Almeida's user avatar
-2 votos
1 resposta
51 visitas

Interface dinâmica em Typescript Angular

Olá! Estou criando uma aplicação de cadastro que deve realizar vários tipos de cadastro. Para cada tipo de cadastro terei um formulário com campos diferentes. Como a chamada para o service é ...
Mya_the_Owl's user avatar
-2 votos
1 resposta
143 visitas

Como faço para pegar informações do arquivo .json e passar para o html via javascript?

estou realizando um exercicio de front-end, e quero que meu script pegue os dados que estão no arquivo .json e passe eles para o html, desta forma o javascript vai criar divs dinamicamente atraves das ...
Pedro Matos's user avatar
-2 votos
1 resposta
27 visitas

Obter o próximo número em angular

Problema é que a função no back-end está funcionando, retorna o número mas no front-end que não estou conseguindo pegar o número e mostrar na página. É um sequencial vindo do banco de dados. arquivo ...
Jose Simão's user avatar
-3 votos
1 resposta
69 visitas

Tem como "esconder" uma chave de uma API antes de colocar o projeto no GitHub? [duplicada]

Estou querendo commitar um projeto, mas não queria que minha key ficasse a amostra no meu escopo. Queria saber se tem como colocar minha key lá no projeto. Pensei em .gitignore ou o .env, lembro que ...
Cássia Carvalho's user avatar
-2 votos
1 resposta
41 visitas

Mostrar texto em vermelho ou verde

tenho uma tabela que possui valores ativos e inativos. quando ativo, queria que ele ficasse verde, e quando estiver inativo, fique vermelho. <span>{{ data.active ? 'Ativo' : 'Inativo' }}</...
Gabriel Jorge's user avatar
-3 votos
1 resposta
41 visitas

chamar função para aparecer pop up na tela

Preciso fazer que uma função responsável por aparecer um pop up na tela dizendo que o usuário não preencheu todos os campos do formulário e se ele sair da página, não salvará seus dados. A função já ...
Gabriel Jorge's user avatar
-2 votos
1 resposta
38 visitas

Não consigo usar um Subject do rxjs dentro do subscribe de uma conexão websocket com sockjs e stompjs, utilizando Angular 16

Olá, eu criei uma classe se serviço para websocket em minha aplicação de chat utilizando Angular 16. O método de conectar utilizando sockjs e stompjs funcionam normalmente, a conexão com meu servidor ...
Emanoel Figueredo's user avatar
-1 votos
1 resposta
52 visitas

Alinhar Icon com conteúdo da LI

Olá estou começando na área e tentando me especializar em front-end e estou tendo dificuldade para replicar o portifólio disponibilizado pela rocketseat com finalidade de pratica e estou encontrando ...
Wesley Gualberto's user avatar
-2 votos
1 resposta
51 visitas

Typagem dinâmica

Opa! Eu tentei fazer o seguinte: type TabelaApontamentoProps = { arrayTitulo?: string[] data?: { }[] TemTipoLinha?: boolean NTipoLinha?: number CorTipoLinha?: string NColunaDestaque?:...
Matheus's user avatar
  • 21
0 votos
0 respostas
9 visitas

Por que o segundo estilo que defini para a tag P não sobrepõem o primeiro? [duplicada]

<!DOCTYPE html> <html> <head> <style> div p.center { text-align: center; color: red; background:orange; } p.center { text-align: end; color: blue; background:pink; ...
Ariel Souza's user avatar
0 votos
1 resposta
58 visitas

Como definir um "botão de expansão"?

Estou trabalhando em uma estrutura de expansão em arvóre, para integrar a outro projeto existente. Semelhante ao do windows quero que seja apenas clicável para a expansão somente a seta e não a linha ...
Maycon's user avatar
  • 11
-2 votos
2 respostas
119 visitas

Formulario com validação em JS

boa noite pessoal, estou tentando criar um formulário que que dê um callback de "campo obrigatorio" quando o campo estiver vazio, pra isso utilizei o innerHTML pra adicionar texto. O ...
Luiz Miguel Cavilha's user avatar
-2 votos
1 resposta
365 visitas

Carrinho de compras adicionando todos os itens de uma vez só

Ola! estou fazendo um projeto para estudo de um ecommerce, estou utilizando NextJs e strapi para o CM. Estou com o seguinte problema, quando clico no meu botão para adicionar ao carrinho de compras, ...
Mayckon Correa's user avatar
0 votos
1 resposta
19 visitas

Como adicionar RowDetails em WPF - XAML

Tenho o seguinte código em UserControl1.xaml: <UserControl x:Class="SampleCsWinForms.UserControl1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" ...
lucas_ngbr's user avatar
-1 votos
3 respostas
108 visitas

Hover no elemento irmão não funciona

Tenho duas <li> que estou usando como botões e quero fazer com que quando eu passe o mouse em uma, a outra fique mais transparente. Quando eu faço no botão 1, o botão 2 fica transparente. Mas ...
Lucas dos Santos Gomes's user avatar
0 votos
1 resposta
63 visitas

Diferença entre o "Pixel real" e o "Pixel de referência" no CSS [duplicada]

Recentemente me deparei com duas definições distintas de pixel no CSS. O pixel "real", a junção de pontos luminosos rgb em nossa tela, e o pixel de "referência" usado no CSS, sendo ...
Ramon Oliveira's user avatar
0 votos
1 resposta
300 visitas

Porque quando eu coloco o text-decoration: none; dentro da ul {} apenas ele não retira o underline dos links

Porque quando eu coloco o text-decoration: none; dentro da ul {} apenas ele não retira o underline dos links a dentro das li do ul? E ai eu tenho que fazer um ul a {} para que isso aconteça? /* ...
Ostkrag's user avatar
-2 votos
5 respostas
1mil visitas

CSS não funcionando no meu HTML [fechada]

O meu background feito em CSS, simplesmente, não está funcionando no meu HTML. A ideia era ter um background preto atrás do logo "World". Mas não está aparecendo. Já tentei ver se o problema ...
João Guilherme's user avatar
0 votos
1 resposta
189 visitas

Como criar um componente Select customizado utilizando MUI (React)?

Olá. Estou atuando em uma task front-end aqui na empresa e preciso criar uma caixa de seleção que permite que o usuário escolha várias opções de períodos (últimos 7 dias, 15 dias, etc). O front ...
Athos Franco's user avatar
-2 votos
1 resposta
280 visitas

Criar uma Lista HTML com JavaScript

Olá, sou iniciante em programação e estou aprendendo a integrar JS nos meus códigos HTML... me propus a fazer um "programa" que receba o nome de produtos e suas classes (já pré definidia em ...
Zend's user avatar
  • 19
-3 votos
1 resposta
28 visitas

Por que foi usado o DIV e por que foi atribuído um ID?

Fazendo um exercício criando uma pagina usando HTML e CSS fiz da seguinte forma e ficou igual no modelo proposto pelo professor. Porém, o prof e os demais alunos fizeram de uma forma diferente usando ...
Erick Guedes's user avatar
-3 votos
1 resposta
181 visitas

Movendo uma Div

Estou com um problema que não estou entendendo as soluções que estou procurando. Sou iniciante na programação, com apenas 4 dias e estou tentando entender sobre movimentos das divs. Tentei mover as ...
pettizman's user avatar
-3 votos
2 respostas
56 visitas

Item da lista exercer a mesma função de um ícone

Estou fazendo um menu lateral com sub-menus. Esses sub-menus são ativados por um ícone pelo javascript. Porém, queria adicionar a mesma função do ícone, ao <li> para ficar mais funcional e ...
Thiago Diniz's user avatar
-1 votos
2 respostas
565 visitas

Existe alguma maneira de juntar 2 html's (arquivos separados) em apenas 1 único?

Vou dar um pequeno exemplo de um problema na qual estou enfrentando. Estou trabalhando em uma aplicação onde basicamente consiste em inúmeras telas diferentes com um menu lateral interligando-as. ...
Thiago Diniz's user avatar
-4 votos
1 resposta
634 visitas

Enviar dados da variável do JavaScript para o PHP [fechada]

Fiz um script em javascript que tem como objetivo gerar um número randômico e tomar uma decisão de acordo com o número selecionado: var numero = Math.floor(3* Math.random()); switch (numero){ ...
Burn Security's user avatar
3 votos
1 resposta
845 visitas

Mat-tab: ativar outra tab ao clicar em botão

Estou iniciando em Angular e tenho ainda dúvidas em relação a interação entre componentes. No meu caso em específico não sei como fazer, e se tem como. <mat-tab-group> <...
HuntressDC's user avatar
-1 votos
1 resposta
117 visitas

Formulário com menu select não mostra os dados da API

Estou fazendo um formulário de cadastro e nele tem um input do tipo select, que mostra todos os nomes (condominios) que é possível fazer esse cadastro. Entretanto, ao abrir o modal e em seguida o ...
Igor Leonir's user avatar
-2 votos
1 resposta
47 visitas

Função para resetar o timer não está funcionando

Fiz um pomodoro timer, usando html, css e javascript. Criei uma função para resetar o timer quando clicar no botão de reset, deveria resetar os minutos e os segundos, e no caso de estar no break ...
Carlos Curcino's user avatar
-1 votos
1 resposta
333 visitas

Botão de Girar 90º uma imagem em JavaScript

Estou criando um editor de imagem e preciso colocar 2 botões que girem 90º pra esquerda ou 90º para direita e que possa girar mais de uma vez mais só consegui fazer girar uma vez para um lado gostaria ...
Thabata Amanda Gomide's user avatar
-3 votos
1 resposta
115 visitas

Redirecionamento de página usando input HTML e JS

Estou tentando fazer um projeto para meu portfólio mas estou com algumas dificuldades. Estou tentando criar uma página HTML que pega o número de celular digitado em um input e cria uma URL ...
Bryan Moreira's user avatar
4 votos
1 resposta
234 visitas

Como fazer a comunicação entre dois ou mais contextos de navegação com mesma origem?

Em um mesmo agente de navegação tenho duas páginas ou duas guias de navegação: A página index.html que contém dois botões: <button id="btn1">Botão B1</button> <button id=&...
Augusto Vasques's user avatar
  • 18,7mil
-2 votos
1 resposta
210 visitas

Erro ao renderizar ou dados obtidos de uma requisição GET usando Angular

Estou fazendo um simples projeto de pókedex para treinar Angular. Consigo fazer uma requisição GET na PokéAPI, porém, quando tento renderizar os dados da requisição usando a função ngFor, os dados não ...
KalebLight's user avatar
-1 votos
1 resposta
253 visitas

Checked de input radio não pode ser removido

Criei 3 inputs do tipo radio, de escolha múltipla. Porém quando um input é selecionado, se clicarmos novamente, a seleção não sai. <fieldset class="area-interesse"> <...
Maria Gabriela Garcia's user avatar
-1 votos
1 resposta
129 visitas

redirecionamento de formulario usando javascript

tenho um formulário com as suas validações , ai quero que quando clicar no botão seja redirecionado a uma pagina de agradecimento esse é o botão em html <button onclick="thanks()" ...
dev aleatorio's user avatar
-2 votos
1 resposta
36 visitas

Menu com links quebrados no IOS (Safari)

Desenvolvi um projeto de site onde a primeira tela é um menu que redireciona para outras telas, quando tésto o responsivo funciona normal, mas quando tento abrir no meu iPhone é exibido um texto ...
Eduardo Leite's user avatar
-1 votos
1 resposta
115 visitas

@Input com Observable no angular

Não tenho um erro ainda, mas não sei como fazer... Tenho uma toolbar no meu AppComponent, que exibe um menu dropdown com uma lista. Essa lista vem do back-end. Preciso de um Observable que recebe um ...
José Victor Moreno's user avatar
-3 votos
2 respostas
302 visitas

Construi uma barra de menu lateral e não consigo utilizar o espaço livre, como que coloco o texto ao lado da barra ao em vez de em baixo?

Flex fit gym Home Sobre Nós Treino Flexonal Contate FLEX FIT ...
igor_nhept's user avatar
-1 votos
1 resposta
146 visitas

Problemas ao importar imagens em .sass

Estou com um problema estranho para importar imagens. .banner{ background: url(../../imagens/banner.jpeg); } No formato acima funciona corretamente em um arquivo .scss Mas em um arquivo .sass não ...
Raul Barossi's user avatar
-1 votos
1 resposta
3mil visitas

Estou com problemas para redimensionar uma imagem no React

Olá, sou estudante e estou com um problema em um projeto de front-end para redimensionar imagens usando CSS no React, as imagens vem da API publica do Mercado Livre, e por isso acabam chegando com ...
Lucas Miranda Pimentel's user avatar
0 votos
1 resposta
44 visitas

Criando diretório no Angular

Tenho o código no Angular e gostaria de exportar essa planilha para um diretório específico. Alguém, pode me ajudar? exportSheet() { this.loading = true; var sDate: string = new DatePipe('en')...
Rodrigo Sobral's user avatar
-3 votos
1 resposta
67 visitas

Texto não ajusta ao tamanho da WEB

Preciso de ajuda. estou implementando esse site na versão Mobile, mas não estou conseguindo alinhar o conteudo do site no meio da tela de forma automatica o texto quebra a borda.. quero que ele se ...
Alexandre Ribeiro's user avatar
-1 votos
1 resposta
222 visitas

Ajuda sobre CRUD/Filtrar Arrays salvos no Localstorage

Bom dia pessoal, Sou um estudante de Front End (Ainda estou no inicio de POO em Js e ainda não dominei algumas funções avançadas da linguagem) com muita vontade de aprender e pesquisar, sinta-se a ...
Igor Gouveia's user avatar
-3 votos
1 resposta
62 visitas

Interações com o "0" da calculadora nas funções [fechada]

Como todos sabem aquele "0" que toda calculadora tem seja ele quando você abre a calculadora, reseta os valores ou deleta todos os valores ele aparece na tela da calc, gostaria de uma ajuda ...
Kendi Hashimoto's user avatar
-5 votos
1 resposta
560 visitas

passando paramentos para função REACT TYPESCRIPT

function handleOpenUpdateTaskModal (valor){ setIsUpdateTaskModalOpen(true); console.log(valor) } <img onClick={handleOpenUpdateTaskModal('VALOR')} src={Update} alt="Editar" /> ...
Jefferson Oliveira's user avatar
-2 votos
1 resposta
1mil visitas

TypeError: Cannot convert undefined or null to object -- com React js e Next js

Estou fazendo um projeto clone do spotify com nextjs, nele estou criando uma página de login personalizada, esse é o código da tela de login: import { getProviders, signIn } from "next-auth/react&...
Marllon Freitas's user avatar

1
2 3 4 5
11