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.
545
perguntas
-2
votos
0
respostas
29
visitas
Preciso de um scroll que apareça apenas para o 6º item. E os 5 primeiros ocupem toda tela
Olá estou precisando de uma ajuda em css e html. No caso eu preciso que os 5 primeiros items da minha flexBox (flex-items) ocupem toda a tela, porém o 6º item esteja escondido e mostre ele no scroll ...
-2
votos
2
respostas
32
visitas
qual pasta do projeto vscode abrir pelo navegador para aparecer o front
no VS Code ele roda na porta 3000, mas quando tento abrir no navegador não aparece o front end
-1
votos
0
respostas
41
visitas
Minha câmera do expo, não funciona por causa de um bug com Image picker e suas permissões
Estou utilizando React Native com Expo e estou tendo problema com o Image Picker e suas permissões.
Quando eu inicio o aplicativo, já processado e o abro, funciona bem ao clicar no componente, ...
-2
votos
0
respostas
21
visitas
Como corrigir push is not a function?
Estou realizando a criação de um cardápio porém quando tento somar a quantidade de itens sem repetir ocorre o erro ".push is not a function"
let qntAtual = parseInt($("#qnt-&...
-2
votos
0
respostas
12
visitas
Problemas com o intellisense no Styled Components
Estou realizando um projeto em react com styled components. Configurei um defaultTheme e passei para o ThemeProvider no meu App.tsx. Tambem realizei a configuração do styles no @type. Porem não ...
-2
votos
1
resposta
78
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 ...
-2
votos
1
resposta
26
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 ...
-3
votos
1
resposta
42
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 ...
-2
votos
1
resposta
37
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' }}</...
-3
votos
1
resposta
26
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á ...
-2
votos
1
resposta
24
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 ...
-1
votos
1
resposta
48
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
...
-2
votos
1
resposta
47
visitas
Typagem dinâmica
Opa! Eu tentei fazer o seguinte:
type TabelaApontamentoProps = {
arrayTitulo?: string[]
data?: {
}[]
TemTipoLinha?: boolean
NTipoLinha?: number
CorTipoLinha?: string
NColunaDestaque?:...
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;
...
0
votos
0
respostas
62
visitas
Angular 14 + PrimeNG : Falha ao criar uma nova página em uma p-table paginada
Bom dia pessoal, estou com problemas no meu algoritmo e não consigo identificar o erro
estou usando Angular 14 + PrimeNG, e ao gravar novos itens as linhas sao atualizadas normalmente, no entanto ...
0
votos
1
resposta
52
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 ...
-2
votos
2
respostas
114
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 ...
-2
votos
1
resposta
291
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, ...
-2
votos
1
resposta
34
visitas
Como alinhar 2 divs com flexbox
Ola, eu estou tentando desenvolver uma calcular um pouco mais estilosa, é um dos primeiros projetos que faço, e estou tendo poblemas com o posicionamento das divs.
*{
margin: 0;
padding: 0;
border:...
0
votos
1
resposta
17
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"
...
-1
votos
3
respostas
87
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 ...
0
votos
1
resposta
52
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 ...
0
votos
1
resposta
229
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?
/* ...
0
votos
0
respostas
105
visitas
Site não carrega o css nos primeiros instantes
Olá, estou tem um tempo tentando entender o que acontece com meu site nos primerios instantes. Ele da uma flickada e mostra o conteúdo sem estilo nenhum antes de carregar totalmente, a stack que ...
-2
votos
5
respostas
698
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 ...
0
votos
1
resposta
118
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 ...
-2
votos
1
resposta
201
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 ...
-3
votos
1
resposta
22
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 ...
-3
votos
1
resposta
132
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 ...
-3
votos
2
respostas
52
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 ...
-1
votos
2
respostas
401
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. ...
-4
votos
1
resposta
491
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){
...
3
votos
1
resposta
666
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>
<...
-1
votos
1
resposta
96
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 ...
-2
votos
1
resposta
44
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 ...
-1
votos
1
resposta
266
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 ...
-3
votos
1
resposta
103
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 ...
4
votos
1
resposta
193
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=&...
-2
votos
1
resposta
171
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 ...
-1
votos
1
resposta
196
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">
<...
-1
votos
1
resposta
96
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()" ...
-2
votos
1
resposta
29
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 ...
-1
votos
1
resposta
103
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 ...
-3
votos
2
respostas
270
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
...
-1
votos
1
resposta
134
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 ...
-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 ...
0
votos
1
resposta
35
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')...
-3
votos
1
resposta
60
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 ...
-1
votos
1
resposta
210
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 ...
-3
votos
1
resposta
53
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 ...