Fundamentos

Mostrar valores, guardar datos en variables y saber de qué tipo son.

console.log(): Escribe valores en la consola del navegador (F12 → Consola).

let: Declara una variable cuyo valor puede cambiar.

const: Declara una constante.

Tipos de datos: Los valores básicos.

  • Mostrar valores, guardar datos en variables y saber de qué tipo son.
  • Cada entrada lleva una explicación corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para cambiarlos y ejecutarlos: lo que escriben con console.log() sale en la consola.
  • Esencial. Escribe valores en la consola del navegador (F12 → Consola). Es la herramienta básica para ver qué está pasando en tu programa. Admite varios valores separados por comas.
  • Esencial. Declara una variable cuyo valor puede cambiar. Solo existe dentro del bloque { } donde se declara.
  • Esencial. Declara una constante: no se le puede asignar otro valor. Úsala por defecto y pasa a let solo si el valor tiene que cambiar. Si guarda un array o un objeto, su contenido sí se puede modificar.

Introducción

Mostrar valores, guardar datos en variables y saber de qué tipo son.

Cada entrada lleva una explicación corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para cambiarlos y ejecutarlos: lo que escriben con console.log() sale en la consola.

console.log()

Esencial. Escribe valores en la consola del navegador (F12 → Consola). Es la herramienta básica para ver qué está pasando en tu programa. Admite varios valores separados por comas.

let

Esencial. Declara una variable cuyo valor puede cambiar. Solo existe dentro del bloque { } donde se declara.

const

Esencial. Declara una constante: no se le puede asignar otro valor. Úsala por defecto y pasa a let solo si el valor tiene que cambiar. Si guarda un array o un objeto, su contenido sí se puede modificar.

var

La forma antigua de declarar variables. No respeta los bloques y da sorpresas: en código nuevo, usa let y const. La verás en tutoriales viejos.

Comentarios

Notas para quien lee el código: // hasta el final de la línea y /* … */ para varias líneas. No se ejecutan.

Tipos de datos

Esencial. Los valores básicos: números (number), textos (string), verdadero o falso (boolean), «sin valor todavía» (undefined) y «vacío a propósito» (null). Además, arrays y objetos para agrupar datos.

typeof

Devuelve el tipo de un valor como texto. Útil para depurar.

Referencia de JavaScript
01

Fundamentos

Mostrar valores, guardar datos en variables y saber de qué tipo son.

Código del tema: const nombre = "Ana";

📘 Teoría

Introducción

Mostrar valores, guardar datos en variables y saber de qué tipo son.

Cada entrada lleva una explicación corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para cambiarlos y ejecutarlos: lo que escriben con console.log() sale en la consola.

console.log()

Esencial. Escribe valores en la consola del navegador (F12 → Consola). Es la herramienta básica para ver qué está pasando en tu programa. Admite varios valores separados por comas.

let

Esencial. Declara una variable cuyo valor puede cambiar. Solo existe dentro del bloque { } donde se declara.

const

Esencial. Declara una constante: no se le puede asignar otro valor. Úsala por defecto y pasa a let solo si el valor tiene que cambiar. Si guarda un array o un objeto, su contenido sí se puede modificar.

var

La forma antigua de declarar variables. No respeta los bloques y da sorpresas: en código nuevo, usa let y const. La verás en tutoriales viejos.

Comentarios

Notas para quien lee el código: // hasta el final de la línea y /* … */ para varias líneas. No se ejecutan.

Tipos de datos

Esencial. Los valores básicos: números (number), textos (string), verdadero o falso (boolean), «sin valor todavía» (undefined) y «vacío a propósito» (null). Además, arrays y objetos para agrupar datos.

typeof

Devuelve el tipo de un valor como texto. Útil para depurar.

🕹️ Practica

Referencia interactiva Ejemplos editables: Fundamentos Abrir en pantalla completa

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros. culTest

La hice en febrero de 2026 para facilitar el aprendizaje de mis alumnos. La idea es aprender desarrollo web practicando y que el proyecto siga creciendo con nuevos temas, tests y retos.

Está inspirada en MDN, W3Schools, CodePen, Manz y muchos otros sitios de documentación sobre desarrollo web. Quería combinar teoría útil, ejemplos ejecutables, retos y el sistema de tests que ya tenía en culTest. culTest

Si te gustó, si no te gustó o si quieres escribirme, puedes hacerlo en cristianeslava@gmail.com