Aprender a programar puede parecer algo difícil al principio, como entrar en un mundo completamente nuevo lleno de palabras raras y símbolos extraños. Pero no te preocupes, aquí vamos a ir paso a paso, desde lo más simple, para que todo te quede claro.
El primer programa que vas a escribir mostrará el mensaje: Hello, World!.
¿Cómo mostramos texto en la pantalla?
Cuando escribes un programa, muchas veces quieres ver si está funcionando. Para eso usamos console.log(), una herramienta que muestra mensajes mientras el programa corre.
Es como una pizarra donde el programa escribe lo que tú le digas.
console.log('Hola, Códica');
// => Hola, Códica
Todo lo que pongas entre comillas 'texto' y dentro de console.log() se va a imprimir. También podemos usar console.log() para mostrar cálculos:
console.log(2 + 3);
// => 5
¿Dónde veo esos mensajes?
En la consola del navegador. Es un panel especial para programadores.
Para abrirla:
- Haz clic derecho en cualquier parte de esta página y elige Inspeccionar.
- Luego haz clic en la pestaña Consola.
- Pega
console.log(2 + 2);y mira el resultado.
La consola es para ayudarte a revisar que todo funcione bien mientras aprendes. Más adelante aprenderás cómo hacer aplicaciones reales que muestren resultados a los usuarios.
También puedes usar plataformas como CodePen o JSFiddle para probar el código sin instalar nada.
Buena práctica: usar punto y coma
Aunque en muchos casos JavaScript permite omitir el punto y coma al final del código, es una buena práctica agregarlo siempre. Esto ayuda a evitar errores cuando el código se vuelve más complejo.
console.log('Hello, World!');
¿Y si quiero dejar notas en mi código?
Al programar, a veces necesitamos añadir mensajes que sirvan como recordatorio o explicación para nosotros mismos o para quienes lean el código. Estos mensajes, conocidos como comentarios, son indicaciones que el programa no ejecuta y simplemente ignora.
Comentarios de una línea
Estos comentarios comienzan con //. Todo lo que escribas después de estas dos barras diagonales en la misma línea será ignorado por el programa.
Ejemplo:
// Paso 1: calcular el precio
// Paso 2: mostrarlo en pantalla
console.log(10);
Comentarios de varias líneas
Si necesitas escribir un comentario más largo, puedes usar /* para iniciarlo y */ para cerrarlo. Todo lo que esté dentro se considerará comentario.
/*
Este es un comentario
que ocupa varias líneas.
Se usa cuando queremos documentar cosas más largas.
*/
console.log('Otro texto de prueba');
Los comentarios ayudan a explicar qué hace el código y las razones detrás de ciertas decisiones. Resultan especialmente útiles cuando vuelves a revisarlo después de un tiempo o cuando otras personas colaboran en el mismo proyecto.
Resumen
- Un programa puede mostrar resultados usando
console.log(). - Los comentarios son notas que explican tu código y hacen que sea más fácil de entender.
//para comentarios cortos en una línea../* ... */para comentarios largos o explicaciones más detalladas.- Los comentarios no afectan cómo funciona tu código, solo lo hacen más claro para ti y otras personas.
Si tu código imprime texto correctamente y entiendes cómo hacer comentarios, ya diste el primer paso como programador.
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.
