Miss_Leidi (@missleidi8)

#creatorsearchinsights #programming #frasesmotivadoras #fyp #foryou

#creatorsearchinsights #programming #frasesmotivadoras #foryou

🎵 ¡Crea tu propio reproductor de música con HTML, CSS y JavaScript! En este proyecto aprenderás a: ✅ Reproducir y pausar una canción ✅ Avanzar y retroceder 10 segundos ✅ Crear una barra de progreso ✅ Mostrar el tiempo de reproducción ✅ Sincronizar la letra con la música ✅ Diseñar una interfaz…

Aprende los conceptos básicos de la Programación Orientada a Objetos en Java de forma clara y práctica. En esta clase veremos clases, objetos, herencia y polimorfismo, utilizando un mismo ejemplo con Animal, Perro y Gato, además de ingresar datos por teclado para comprender cómo funciona cada…

En la estructura HTML tenemos un contenedor principal que incluye el título, la barra de progreso, el espacio donde se mostrarán las preguntas, las opciones de respuesta y los botones. Algunos elementos están vacíos porque JavaScript se encarga de colocar el contenido automáticamente. En CSS se…

Esta es la estructura básica de Java en NetBeans. Primero tenemos la clase, que debe tener el mismo nombre del archivo. Luego está el método main(), que es el punto de inicio. Desde aquí se ejecutan las instrucciones. Dentro del main escribimos el código que queremos mostrar o ejecutar. Por…

El programa "Hola Mundo" es una tradición en programación desde la década de 1970. Se utiliza para comprobar que el entorno está configurado correctamente y que el lenguaje funciona antes de crear programas más complejos.#programming #creatorsearchinsights #netbeans_java #netbeanstutorial…

En JavaScript aprendemos: getElementById() para seleccionar elementos. addEventListener() para detectar clics. Arrays para guardar imágenes. src para cambiar imágenes dinámicamente. if para volver a la primera imagen cuando termina la galería. Conceptos importantes: imagenes[] guarda todas las…

Tags importantes de HTML como: <h1> títulos <p> párrafos <a> enlaces <img> imágenes <div> contenedores Atributos esenciales como: href para enlaces src para imágenes alt para descripción de imágenes class para estilos id para identificar elementos En CSS aprenderás: color cambia el color del texto…

Mejora tu código y aprende JavaScript más rápido con estos tips prácticos. En este resumen verás consejos importantes como usar const por defecto, trabajar con template strings, aplicar destructuración, usar funciones flecha, métodos de arrays, comparaciones estrictas y manejar errores con…

Aprende qué es el DOM y cómo JavaScript puede modificar una página web en tiempo real. El DOM (Document Object Model) permite que JavaScript acceda a los elementos del HTML para cambiar textos, colores, estilos y contenido dinámicamente. En este ejemplo aprenderás: getElementById() para…

Aprende cómo se conectan HTML, CSS y JavaScript en una página web usando 3 archivos separados. En este ejemplo usamos: HTML para crear la estructura de la página: títulos, botones y contenido visible. CSS para darle diseño: colores, tamaños, espacios y estilos. JavaScript para agregar…

Tipos de formulario en HTML Aprende los tipos de "input" más usados en HTML de forma fácil y rápida. Los inputs sirven para recoger información del usuario dentro de un formulario, como nombre, correo, contraseña, número, fecha, hora, teléfono, archivos, colores y más. En este resumen verás…

JavaScript: partes básicas y fundamentales Si estás empezando a programar, estos son los conceptos que debes conocer para entender JavaScript paso a paso. En este resumen aprenderás las bases más importantes: Variables para guardar información. Tipos de datos como texto, números y verdadero/falso…

En este ejercicio aprenderás cómo validar un input de nombre. Si el usuario escribe su nombre, JavaScript muestra un saludo. Si el campo está vacío, muestra un mensaje de error. Con este proyecto practicas: HTML para crear el input, el botón y el mensaje. CSS para darle diseño al formulario…

Una función es una acción que puedes repetir todas las veces que necesites. En este ejemplo usamos dos funciones: saludar() para cambiar el texto de un título. cambiarColor() para modificar el color del texto. Con HTML creamos el título y los botones, con CSS le damos estilo a la página y con…

Hoy vemos los condicionales if, una de las bases más importantes para que JavaScript pueda tomar decisiones. En este ejemplo, el usuario escribe una contraseña. Si la contraseña es correcta, JavaScript muestra un mensaje de éxito. Si la contraseña es incorrecta, muestra un mensaje de error. Con…

HTML crea el título, el párrafo donde aparece la frase y el botón. CSS le da diseño a la tarjeta, al texto y al botón. JavaScript guarda varias frases en un array, elige una posición aleatoria y la muestra en pantalla. array Math.random() Math.floor() textContent addEventListener() #aprendehtml…

Tu primer proyecto real con JavaScript debería ser una lista de tareas. Con HTML creamos el input, el botón y la lista. Con CSS le damos diseño. Y con JavaScript agregamos tareas, creamos botones de eliminar y borramos cada tarea. #aprendehtml #javascript #desarrolloweb #creatorsearchinsights…

input id="pantalla" muestra los números y operaciones. Cada button tiene un onclick, que ejecuta una función de JavaScript.#creatorsearchinsight #creatorsearchinsights #aprendehtml #desarrolloweb #javascript

HTML: form contiene todo el login. id="loginForm" permite encontrar el formulario con JavaScript. input id="usuario" recibe el usuario. input id="password" recibe la contraseña. button type="submit" envía el formulario. p id="mensaje" muestra el resultado. JavaScript: addEventListener("submit")…

Aprende qué son las variables en JavaScript de una forma fácil: una variable es como una caja donde guardas información. En este ejemplo verás cómo usar let, const y los tipos de datos más básicos: string, number y boolean. #desarrolloweb #javascript #creatorsearchinsights #creatorsearchinsights…

En este ejercicio aprenderás cómo usar alert() y console.log() en JavaScript. alert() sirve para mostrar un mensaje en pantalla, mientras que console.log() sirve para mostrar mensajes, resultados o errores en la consola del navegador. También aprenderás cómo conectar tu archivo script.js con tu…

En este ejercicio aprenderás la diferencia entre HTML, CSS y JavaScript usando un ejemplo práctico con un botón. HTML crea la estructura de la página, CSS se encarga del diseño y JavaScript permite que la página responda cuando el usuario hace clic. Trabajaremos con tres archivos separados…

En este ejercicio aprenderás a crear una tarjeta web usando HTML y CSS. Una tarjeta sirve para mostrar información de forma ordenada, como una imagen, un título, una descripción y un botón. Con CSS podemos mejorar su diseño usando propiedades como border-radius para redondear las esquinas…

En este ejercicio aprenderás la diferencia entre margin y padding en CSS. margin es el espacio que va por fuera del elemento y sirve para separarlo de otros elementos. padding es el espacio que va por dentro del elemento y sirve para separar el contenido del borde. Entender esta diferencia te…

En este ejercicio aprenderás a centrar un elemento usando Flexbox en CSS. Con solo tres propiedades: display: flex, justify-content: center y align-items: center, puedes colocar una caja justo en el centro de la pantalla de forma fácil y ordenada. Flexbox se aplica al contenedor y permite alinear…

Un botón simple puede verse profesional con estas propiedades. Primero creamos el botón en HTML y le agregamos una clase llamada boton. Luego en CSS usamos background-color para el color del botón, color para el texto, padding para el espacio interno y border-radius para redondear las esquinas…

En CSS podemos cambiar la apariencia de una página HTML usando propiedades de estilo. Para este ejercicio usamos dos archivos separados: uno llamado index.html, donde va la estructura de la página, y otro llamado estilos.css, donde van los estilos. La propiedad color sirve para cambiar el color…

En este video aprenderás cómo enlazar correctamente un archivo CSS externo con una página HTML. Para que los estilos funcionen, no basta con crear el archivo .css; también debes conectarlo dentro del <head> usando la etiqueta <link>. En este ejemplo trabajaremos con dos archivos separados…