Primer programa y E/S (console y alertas en el navegador)
Escriba sus primeros programas pequeños y practique la E/S: salida por consola en cualquier runtime y alertas en el navegador.
Primer programa y E/S (console y alertas en el navegador) es una lección gratuita de JavaScript Academy en CoddyKit. Esta es la lección 3 de 3. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de JavaScript Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de JavaScript Academy incluye 3 lecciones en total.
Introducción
Objetivo: Mostrar mensajes de forma clara y segura. Utilizará console.log en cualquier entorno y alert en el navegador.
- Programa pequeño
- Conceptos básicos de la consola
- alert con alternativa
Primera salida de consola
Cree una función sencilla, llámela e imprima el resultado con console.log.
// A tiny first program
function hello(name) {
return "Hello, " + name + "!";
}
const message = hello("Coder");
console.log(message);
Registros de consola legibles
Las líneas cortas y etiquetadas son más fáciles de revisar en pantallas pequeñas.
// Keep logs short and labeled for mobile
const level = 1;
const user = "Ayla";
console.log("User:", user);
console.log("Level:", level);
Función pura + salida
Las funciones puras devuelven valores sin efectos secundarios; son perfectas para impresiones sencillas.
// Pure function: predictable output
function add(a, b) {
return a + b;
}
const total = add(2, 3);
console.log("Total:", total);
Alerta con alternativa
alert solo está disponible en el navegador; proporcione siempre una alternativa con console.log.
// Use alert in browsers; fall back to console elsewhere
const text = "Welcome to JavaScript!";
const canAlert = typeof alert === "function";
if (canAlert) {
alert(text);
} else {
console.log(text);
}
Consejos de E/S
Consejos:
- Prefiera un valor por línea.
- Utilice etiquetas claras como "Total:".
- Compruebe las funcionalidades antes de llamar a las API del navegador.
Cuestionario sobre la salida en distintos entornos
Comprobación rápida: salida en distintos entornos.
Repaso
Repaso: Escribió programas pequeños, imprimió registros legibles y utilizó alert con una alternativa segura para admitir cualquier entorno de ejecución.
Preguntas frecuentes
¿La lección «Primer programa y E/S (console y alertas en el navegador)» es gratis?
Sí — el texto completo de «Primer programa y E/S (console y alertas en el navegador)» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de JavaScript Academy, actualiza a CoddyKit PRO. El curso de JavaScript Academy incluye 3 lecciones en total.
¿Qué aprenderé en «Primer programa y E/S (console y alertas en el navegador)»?
Escriba sus primeros programas pequeños y practique la E/S: salida por consola en cualquier runtime y alertas en el navegador. Practicas JavaScript Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar JavaScript Academy?
No se requiere experiencia previa. JavaScript Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 3 de 3.
¿Cuánto tiempo toma la lección «Primer programa y E/S (console y alertas en el navegador)»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de JavaScript Academy?
Sí. Cada lección de JavaScript Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- ¿Qué es JavaScript? Motores (V8/SpiderMonkey) y runtimes (Browser frente a Node)
- Configuración: Node + npm, ejecución de .js y consola de DevTools
- Primer programa y E/S (console y alertas en el navegador)