Regístrate para acceder a más de 15 cursos gratuitos de programación con un simulador

Repaso 1. Primeros pasos con JavaScript Fundamentos de JavaScript

¡Felicidades! Terminaste las primeras 6 lecciones, ya tienes suficientes herramientas para escribir programas reales y útiles.

Ejemplo: un mini programa con mensajes y cálculos

Abre la consola (haz clic derecho → Inspeccionar → pestaña Consola) y copia este código.

// Mostrar un saludo personalizado
console.log("Hola, Pedro");

// Mostrar un mensaje en varias líneas
console.log("Tu pedido está listo\nPuedes retirarlo en la puerta");

// Calcular el precio total con IVA (19%)
console.log("Total con IVA:");
console.log(100 + 100 * 0.19); // Resultado: 119

// Mostrar mensaje de error
console.log("Error: la contraseña no coincide");

Verás cómo cada línea aparece una tras otra, como en un sistema real. Prueba este mismo código y haz estos pequeños cambios:

  • Cambia el nombre "Pedro" por el tuyo.
  • Cambia el mensaje de pedido por algo más divertido o diferente.
  • Calcula el precio total con IVA para un valor distinto, como 250.
  • Escribe tu propio mensaje de error (usa tu imaginación).

Vamos línea por línea

✅ Aprendiste a mostrar texto en pantalla. Aquí saludamos al usuario directamente. console.log("Hola, Pedro");

✅ Usas \\n para hacer un salto de línea y mostrar el mensaje en dos partes. console.log("Tu pedido está listo\nPuedes retirarlo en la puerta");

✅ Haces una operación matemática: sumar el 19% de IVA al precio base. También podrías usar otras fórmulas o porcentajes. console.log(100 + 100 * 0.19);

✅ Muchas aplicaciones deben decirle al usuario si todo va bien o si hubo un problema. Tú ya puedes mostrar esos mensajes. Mensajes de error o aviso:

✅ Usas comentarios para explicar qué hace cada parte del código. Y escribes las instrucciones en orden, como una receta.

¿Qué sigue?

Ahora que ya sabes mostrar mensajes, realizar cálculos y escribir instrucciones paso a paso, es momento de aprender a guardar datos en variables. De esta forma, tus programas no dependerán de escribir todo manualmente y podrán trabajar con información que cambie durante su ejecución.

Trabajo independiente

Tu app de consola

Este ejercicio no es obligatorio, pero te ayudará muchísimo a practicar lo que acabas de aprender. Puedes probarlo directamente en la consola del navegador.

Si algo no te queda claro, escríbele a tu mentor. Está para ayudarte.

✏️ Ejercicio 1: Mostrar el menú de inicio

Imagina que estás programando la primera pantalla de una app de compras.
Tu misión es mostrar un mensaje de bienvenida, seguido de un pequeño menú.

Instrucciones:

  • Mostrar el nombre de la app con estilo: 🛍️ Bienvenido a TiendaJS
  • Mostrar una línea en blanco (usa \n)
  • Mostrar tres productos con su precio, uno por línea:
  • 1. Café - $6000
  • 2. Té - $4500
  • 3. Chocolate - $5000
  • Mostrar una instrucción: Escribe el número del producto para continuar...

🎯 Objetivo:
Practicar cómo mostrar texto con saltos de línea, escribir instrucciones claras y usar console.log() con buen formato.

✅ Resultado esperado:
Un pequeño menú claro y bien estructurado, como si fuera una interfaz real.

Para acceder completo a curso necesitas un plan básico

El plan básico te dará acceso completo a todos los cursos, ejercicios y lecciones de Códica, proyectos y acceso de por vida a la teoría de las lecciones completadas. La suscripción se puede cancelar en cualquier momento.

Obtener acceso
130
cursos
1000
ejercicios
2000+
horas de teoría
3200
test

Obtén acceso

Cursos de programación para principiantes y desarrolladores experimentados. Comienza tu aprendizaje de forma gratuita

  • 130 cursos, 2000+ horas de teoría
  • 1000 ejercicios prácticos en el navegador
  • 360 000 estudiantes
Al enviar el formulario, aceptas el «Política de privacidad» y los términos de la «Oferta», y también aceptas los «Términos y condiciones de uso»

Nuestros graduados trabajan en empresas como:

Bookmate
Health Samurai
Dualboot
ABBYY