Preguntas con la etiqueta [frontend]

El frontend o desarrollo del lado del cliente se refiere a la práctica de producir HTML, CSS y JavaScript. Estos tres elementos se encargan de dar forma a la parte frontal de un sitio web o aplicación. Esto incluye los fondos, colores, texto, animaciones o efectos.

Filtrar por
Ordenado por
Etiquetadas con
-1 votos
0 respuestas
13 vistas

Vista previa CSS, JS, Bootstrap [cerrada]

Buen día, estoy haciendo una aplicación que prácticamente sería como un google forms donde tengo tarjetas de boostrap para ver todos los exámenes que el usuario/maestro ya creó, peeero me encantaría ...
0 votos
0 respuestas
6 vistas

Problemas con vue js 3.0 al leer codigo QA con zxing_reader.wasm [duplicada]

Hola comunidad actualmente estoy presentando un problema con la visualizacion de un codigo QR estoy haciendo uso del componete ensamblado zxing_reader.wasm, estoy usando vue js 3.0 async ...
0 votos
0 respuestas
19 vistas

¿Saben cuál es la mejor forma de realizar un lector de código QR en vue js 3.0?

Hola comunidad actualmente estoy presentando un problema con la visualizacion de un codigo QR estoy haciendo uso del componete ensamblado zxing_reader.wasm, estoy usando vue js 3.0 async function ...
0 votos
2 respuestas
509 vistas

Problemas con html2canvas - Imagen pixeleada

Un saludo a toda la comunidad de stack overflow, tengo una duda a ver si es posible, sobre como descargar automáticamente la imagen (obtenida de la librería html2canvas con javascript) estoy ...
0 votos
0 respuestas
3 vistas

Puedo eliminar archivos de frontEnd Mentor?

Estoy haciendo un challenge de FrontEnd mentor, saben si puedo eliminar archivos HTML para que no sea tan pesado el archivo? Cuando me lo corrijan se fijaran en eso? Lei los READ ME pero no dice nada ...
0 votos
0 respuestas
14 vistas

No sigue el orden dentro del método .suscribe() en Angular

Necesito saber por qué esta ejecutando primeramente el console.log(payload) y después salta al console.log(final session) en vez de seguir el código en orden. Entiendo que tiene que ver algo con el ...
0 votos
0 respuestas
16 vistas

Cómo compilar correctamente Vite + React js?

Al ejecutar npm run build me compila solo lo que está dentro de public, y tengo entendido que el producto final es lo que se encuentra dentro de la carpeta dist. Por lo que a la hora de correr el ...
1 voto
1 respuesta
18 vistas

No puedo ejectura el codigo javascript en un archivo jsx

tardes o noches. Tengo un ligero problema con respecto a algo con NextJS. Estoy usando esto para el FrontEnd de una página web, pero el caso es que decidí utilizar un diseño para un sidebar que vi en ...
1 voto
0 respuestas
27 vistas

Error en parámetros de CRUD frontend en Spring Boot 4

Tengo los siguientes códigos para realizar un CRUD en Spring Boot 4, pero a la hora de actualizar, no aparece el formulario que se necesita y aparece el siguiente error: Required parameter 'nombres' ...
0 votos
0 respuestas
9 vistas

React/pdf magen en los View

estuve realizando un reporte en pdf con react/pdf, pero el problema es que necesito crear un View general y dentro de el mas view para poder simular tablas, todo esto se recorre en un ciclo pero el ...
0 votos
1 respuesta
137 vistas

Como pasar objetos por queryString Angular

Nesito pasar como parametro de busqueda un objeto con este formato fecha: {"inicio": "2021-09-01","fin": "2021-09-01"} a una api para realizar una busqueda por ...
0 votos
0 respuestas
20 vistas

Problema al descargar un Excel desde Frontend Angular

downloadExcelErrors(idArchivoResultado: string): Promise<void> { return new Promise<void>((resolve, reject) => { this.apiService.request( 'post', ...
0 votos
0 respuestas
34 vistas

¿Cual es la mejor manera de hacer mas seguro el frontend?

La verdad soy un junior y casi no se de seguridad, cuando uso un formulario con ajax me preocupa que alguien desde la consola del navegador pueda manipular mi formulario y mi ajax para enviar datos ...
1 voto
2 respuestas
92 vistas

No se aplica animación CSS a Span mediante JavaScript

He estado intentado saber el por qué no me toma la animación, si la clase se aplica completamente, a excepción de la animación. Este es el código: CSS .wrong{ color: gray; } .animate-wrong{ ...
0 votos
1 respuesta
209 vistas

Wordpress - CSS no se muestra correctamente en Front End

Tengo este sitio web: layher.mx. El sitio se muestra correctamente en wp-admin si intento modificar algún contenido de las páginas, pero al visualizarlo en Front-End pareciera que los estilos CSS no ...
0 votos
0 respuestas
20 vistas

Como reducir el peso de un iframe con mapa de google incrustado

En la escuela se me pidió que hiciera una página en la cual tengo que poner los enlaces con cada una de las actividades que haga cada semana. Los archivos y carpetas son los siguientes: scripts: ...
2 votos
1 respuesta
58 vistas

capturar la pantalla y generar un pdf

me encuentro en un problema, en una de las tareas del proyecto en que me encuentro, tengo que capturar la pantalla de uno de los componentes de la aplicacion web, el cual es la ultima pantalla del ...
0 votos
0 respuestas
27 vistas

Metodo se ejecuta muchas veces: [style.background-color]="miMetodo(data)"

Tengo mi componente HTML un método el cual dependiendo del valor del atributo hará que tenga un background-color, para ello estoy usando la directiva de Angular de esta manera: <div class="...
0 votos
0 respuestas
38 vistas

Uncaught (in promise) TypeError: Failed to fetch

recien este es mi tercer proyecto. Estoy realizando un ecommerce con back y front.funcionaba perfecto pero de un momento arroja este error: Uncaught (in promise) TypeError: Failed to fetch Tengo ...
0 votos
0 respuestas
26 vistas

Problema con desplazamiento horizontal del scroll

Estoy creando una web, y quiero que en determinada sección, el código haga que la dirección del scroll pase de vertical a horizontal. El problema está en que aún no he terminado de llegar a la sección ...
1 voto
0 respuestas
35 vistas

Como centrar un div con CSS

Estoy realizando un perfil con su imagen de verificado, pero no logro conseguir que la imagen check se ponga al lado de la imagen del perfil, puse el div padre del check como position:absolute pero ...
0 votos
0 respuestas
26 vistas

Frontend en Visual Studio y C#

Quisiera tener su consejo para poder guiarme sobre mi duda. Estudié programación en C#, utilizando visual studio. Nos enfocamos mucho en el Backend, pero a la hora de diseñar los sitios, me quedo muy ...
0 votos
0 respuestas
62 vistas

Cómo hago un formulario con react-hook-form para obtener los valores en un objeto?

Estoy implementando un sistema de encuestas que emplea reactjs y react-hook-form para el trabajo con formularios, necesito crear un formulario que recoja la pregunta y sus respectivas respuestas. Como ...
0 votos
0 respuestas
38 vistas

Hacer modales con React

Estoy creando un modal con React y estoy teniendo un problema para poder ejecutarlo en una app que es una lista de regalos. Mi enfoque fue crear un custom hook para poder gestionar todos los estados ...
0 votos
0 respuestas
15 vistas

Error al usar FlexBox en Angular

Estoy intentando usar flexbox para colocar en horizontal los cards que estoy creando donde pondré un libro en cada card simulando una tienda de libros. El problema es que no me está cogiendo bien el ...
0 votos
1 respuesta
57 vistas

Error al usar NgFor en Angular

Estoy creando una aplicación con temática tienda web sobre libros. El problema que estoy teniendo es que quiero mostrar las cards donde se mostrará cada libro con la información con un ngFor. Pero no ...
0 votos
1 respuesta
35 vistas

backgroundImage en react no funciona

Estoy trabajando en un proyecto con react, el problema que tengo es que quiero hacer un catalogo de vinos, donde la url de cada imagen esta almacenada en la base de datos junto con las demas ...
0 votos
0 respuestas
33 vistas

Problema en carga de estilos wordpress

estoy desarrollando un sitio web en wordpress y la primera vez que las personas acceden al sitio no cargan los estilos. Hay que estar recargando o esperar un tiempo para que el sitio web se vea como ...
0 votos
0 respuestas
18 vistas

Error al utilizar metodo PUT en react usando una FAKE API

estoy utilizando una fake API para hacer un e-commerse en react, y me tope con un problema que no estoy pudiendo solucionar. Al momento de querer ejecutar el metodo PUT para modificar un producto que ...
0 votos
0 respuestas
43 vistas

galeria con grid

como hago para que la galeria ocupe todo el ancho de la pagina? le puse a las imagenes un width de 100% y al grid-template-columns 1fr como maximo para que se expandan pero no sirve
0 votos
1 respuesta
668 vistas

¿Cómo cambiar los valores iniciales de un formulario en React js utilizando la librería FORMIK con los datos de una API?

soy nuevo en el mundo de React js, y me encontraba realizando un proyecto, con el cual, para ahorrar tiempo quise buscar cómo realizar validaciones de formularios de una forma simple y me encontré una ...
0 votos
0 respuestas
10 vistas

como agrego una nueva opción a la sección de Theme template para crear paginas si no quiero utilizar la opción de default page en mi tienda de shopify

ya intente varios métodos pero ninguno me funciona, puesto que si utilizo algunos de esos templates y edito la pagina nueva esta, me cambia la pagina en la que se baso. ya lo intente como lo dice ...
0 votos
1 respuesta
40 vistas

Quiero hacer un div que de ancho siempre sea el 100% de la pantalla pero que adentro pueda conteneralgo que sea mas ancho que la pantalla misma en px

Tengo unn problema haciendo un proyecto de front, tengo que hacer una pagina responsive y necesito hacer un "row" ( en mi caso estoy usando bootstrap5 ) el cual contenga 5 divs u objetos los ...
0 votos
0 respuestas
63 vistas

Como arreglar el fondo en modo oscuro de outlook al implementar html

Estoy trabajando en el desarrollo de un template en windows 10 en visual code y tengo que colocar a una <tr class="keep-white"> un background con el siguiente color: background-color: #...
0 votos
0 respuestas
14 vistas

Mantener fijo ancho y alto de la vista

Como se podria hacer que el tamaño de ancho y alto sea fijo, es decir no quiero tener medidas para cada dispositivo, asi tal cual se muestra quiero para todos, por ejemplo una tabla en mi vista ...
1 voto
1 respuesta
83 vistas

Me llega undefined el user login

necesito ayuda, estoy realizando un programa usando Node.js y Express para el backend y React.js para el frontend. El problema es que cuando inicio sesion con un usuario creado en la BD (MySql) y ...
0 votos
0 respuestas
23 vistas

No muestra los datos de la Tabla de React en mi .xlsx generado

Tengo mi funcion la cual se encarga de cargar los datos de mi tabla uno es para las columnas y las otras para las filas, pero al momento de descargar el .xlsx solo muestra los datos de las columnas ...
0 votos
2 respuestas
486 vistas

Angular no encuentra la ruta que le solicito

tengo un problema que no encuentro la solución. Tengo una página que se encarga de renderizar distintas rutas en angular. Cuando inicio mi aplicación la primer vista que se carga es la de login, el ...
0 votos
0 respuestas
110 vistas

Problemas al usar el modulo fs y path con electro, vite, y react

en estos momentos me encuentro teniendo un problema bastante raro. Quiero leer un archivo .txt pero al usar los modulos path y fs, me tira un error y se rompe todo. Aca les dejo el codigo a ver si me ...
0 votos
0 respuestas
12 vistas

Problema con Model.create()

Hola tengo un problema con el User.create ya que me dice que no es una funcion cuando intento registrar un usuario en la pagina. Estoy haciendo el backend con Node.js y Express y el frontend esta echo ...
0 votos
2 respuestas
44 vistas

AddEvent Listener problema

Hice una funcion que toma todas las imagenes de mi pagina html Y les agrega un evento de click que le cambia el estilo de negro que las oculta a ninguno El problema es que al darle reload a la pagina ...
1 voto
2 respuestas
53 vistas

¿Cómo crear una expresión regular que solo acepta caractéres alfabéticos, guiones y espacios con un mínimo de siete caracteres?

Buenas tardes chicos, Necesito de su apoyo, estoy haciendo una página que tiene un formulario y uno de los campos del formulario se nombro "Business Position", no requiere que se valide, ...
1 voto
1 respuesta
51 vistas

Página web multilenguaje JavaScript. Error cuando quiero cambiar de idioma la página

Como andan, les comento mi situación, hice una pagina web que el cliente me solicito pudiera estar en 3 idiomas, entonces mediante javascript y unos archivos .json logre que cambie de idioma, lo subi ...
1 voto
2 respuestas
56 vistas

¿Cómo se llama a la Técnica de Importación de varios Íconos mediante un solo LInk? (Ej: Font Awesome)

He visto como en vez de colocar imagen por imagen (obviamente con sus respectivos directorios), simplemente establecían en el head un Link y en la parte de las listas (en donde van a importar las ...
0 votos
1 respuesta
34 vistas

¿Por que el pie de pagina se esta alineando con las card?

Recientemente estoy trabajando en un proyecto, en la creación de una pagina web de compra en linea, estoy realizando el frontend utilizando html y css no soy tan experta pero tengo un poco de ...
0 votos
0 respuestas
102 vistas

Problema con sweetAlert2

Estoy utilizando la librería de sweetAlert2 en mi proyecto de electron desde hace un tiempo. Siempre funciono correctamente hasta hoy. Hoy estaba probando distintas cosas y me encuentro con que las ...
0 votos
0 respuestas
17 vistas

Front end react native

muchas gracias por leer y ayudarme !! Tengo que construir una screen (como la foto de debajo) que me muestre mis turnos o horarios que toma de una api, estos pueden ser de 60, 90 o 120 minutos. El ...
0 votos
0 respuestas
176 vistas

No consigo enviar datos desde el el frontend Angular a un Backend Laravel

Buenas tardes a tod@s. Me he topado con este problema y no se donde esta el error. Tengo un servicio en el frontend que toma datos recogidos desde un formulario y los envía al back. No se que hago mal ...
2 votos
0 respuestas
75 vistas

Cómo ocultar menú responsivo, al momento de disminuir dimensiones de pantalla (smartphone)

tengo un típico panel de administración con su menú lateral izquierdo funcionando todo ok, es responsivo y demás. El tema es que al momento de diminuir la dimensión de la pantalla, ya sea a una ...
0 votos
0 respuestas
65 vistas

Directiva vue 3 usando beforeMount

Tengo el siguiente codigo donde recibo un array de permisos desde el backend y los cargo en una funcion, luego aplico directivas en mi main.js de vue 3, en mi componente.vue aplico la directiva v-can ...