Taller Javascript

Preguntas

1. ¿Qué es una interfaz de captura de datos?
Es un espacio donde el usuario ingresa la información en un sistema, ya sea un login, un registro, o un formulario; este mismo debe ser claro y conciso para evitar errores/confusiones del usuario.

2. ¿Cómo garantizar la calidad de los datos al digitarlos?
Con validaciones de estos mismos, ya sea con campos obligatorios o especificaciones de los datos; como por ejemplo poner que en el campo de edad solo se puedan colocar números, tenga un limite (2) y que este mismo campo sea obligatorio.

3. ¿Qué son las expresiones regulares en JavaScript y para qué se usan?
Son patrones de búsqueda que sirven para validar o encontrar texto; se puede usar para verificar correos.

Ejemplo: JavaScript
et correo = "test@gmail.com";
let regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
console.log(regex.test(correo)); // true

4. ¿Qué etiquetas se usan para crear interfaces de datos con HTML?


Las etiquetas son:
<form> → contiene todo
<input> → campos (texto, número, contraseña…)
<label> → nombre del campo
<select> → lista desplegable
<textarea> → texto largo
<button> → enviar

5.¿Cómo lograr persistencia de datos en la web con JavaScript?
Usando almacenamiento como localStorage, sessionStorage o bases de datos (por ejemplo con APIs o backend).

6. ¿Qué significa JSON y para qué se usa? Ejemplo.
Es como el “idioma universal” para enviar datos en la web, se usa mucho para las APIs (para comunicar una app con otra).


Ejemplo: JSON
{
  "nombre": "Imary",
  "edad": 16,
  "activo": true
}

7. ¿Qué es localStorage y para qué se usa? Ejemplo.
Es un almacenamiento del navegador que guarda datos de forma permanente


 Ejemplo:
Guardar: localStorage.setItem("color", "rosado");
Leer: localStorage.getItem("color");
Eliminar: localStorage.removeItem("color");

8. ¿Cómo hacer animaciones y transformaciones con CSS y JavaScript?
Con CSS usando transform, transition y @keyframes. JavaScript se usa para activar o controlar esas animaciones dinámicamente.


 
Ejemplo:
#caja {
  width: 100px;
  height: 100px;
  background-color: pink;
  transition: transform 0.5s ease;
} Con CSS usando transform, transition y @keyframes.
 JavaScript se usa para activar o controlar esas animaciones dinámicamente.
/* Clase que activa la animación */
.animada {
  transform: translateX(200px) rotate(360deg);}
function animar() {
  const caja = document.getElementById("caja");
  caja.classList.toggle("animada");
}

9. ¿Qué es un framework de CSS? ¿Cómo se usa? Ejemplos.
Es una librería que facilita diseñar páginas con estilos ya hechos.


 Ejemplo: 
<button class="btn btn-primary">Click

10. ¿Qué es un framework en JavaScript? ¿Cómo se usa? Ejemplos.
Es una herramienta que ayuda a crear aplicaciones web más fácil y rápido. Ejemplo React: Divide la web en componentes Actualiza la pantalla sin recargar Hace todo más organizado


 Ejemplo simple:
function App() {
  return Hola;
}