¿Qué es una Computadora?

Una computadora es un sistema informático compuesto por dos aspectos básicos:

Funciona como un sistema integrado donde cada componente tiene una función específica:

Las Piezas Principales de la Máquina

¿Cómo Funciona un Ordenador?

El ordenador sigue un ciclo continuo de cuatro pasos fundamentales:

Procesamiento: El Cerebro del Ordenador

Almacenamiento: La Memoria del Ordenador

¿Qué es Programar?

Programar es, en esencia, escribir una serie de instrucciones claras y ordenadas (un algoritmo) que el ordenador debe seguir.

Esta "receta" se escribe en un lenguaje de programación (JavaScript, Python, etc.). El problema es que el ordenador no entiende nuestro lenguaje directamente. Necesita una traducción a su propio idioma: el lenguaje de máquina (0s y 1s).

La Traducción: Compilado o Interpretado

Existen dos formas principales de traducir nuestro código al lenguaje que entiende el ordenador:

Tipos de Lenguajes: Estáticos o Dinámicos

Los lenguajes también se diferencian en cómo organizan y gestionan los datos:

¿Qué Lenguaje Elegir?

No hay un lenguaje mejor, apenas el más adecuado para la tarea. Cada lenguaje tiene sus fortalezas y casos de uso ideales:

🎯 Resumen Final

Los Pilares de la Programación

🚀 ¡Ahora estás listo para comenzar tu viaje en la programación!

📖 Introducción

JavaScript es uno de los lenguajes de programación más populares del mundo. Originalmente fue creado para dar vida a las páginas web, pero hoy en día se utiliza en servidores, aplicaciones móviles, videojuegos y mucho más.

🛠️ Preparación del Ambiente

Antes de escribir código, necesitamos instalar dos herramientas fundamentales:

Visual Studio Code

Es un editor de código gratuito y muy potente. Piensa en él como un "Word" especializado para programadores. Descárgalo desde: https://code.visualstudio.com/

Node.js

Es un entorno que permite ejecutar JavaScript fuera del navegador. Descárgalo desde: https://nodejs.org/

✨ JavaScript: El Lenguaje que da Vida a la Web

¿Sabías que JavaScript está presente en prácticamente todo lo que haces en Internet? Cada vez que haces clic en un botón, ves una animación, o cuando Netflix te recomienda una serie, JavaScript está trabajando detrás de escena.

Vamos a comenzar con algo simple pero fundamental: hacer que JavaScript "hable" con nosotros mostrando mensajes. Para eso usamos console.log(), una instrucción que muestra información en la consola del navegador o de Node.js.

console.log("¡Hola Mundo!");

¡Hola Mundo!

Analicemos cada parte de esta instrucción:

💻 Ejercicio 1: Métodos de Salida

// Mostramos un título en la consola
console.log("Introducción a JavaScript");

// La forma más simple de mostrar un mensaje
console.log("¡Hola Mundo!");

// Nota importante sobre otros métodos
console.log("Nota: alert() y document son específicos del navegador");
console.log("En Node.js usamos console.log() para mostrar mensajes");

Introducción a JavaScript
¡Hola Mundo!
Nota: alert() y document son específicos del navegador
En Node.js usamos console.log() para mostrar mensajes

📝 Explicación paso a paso:

📦 Fundamentos de Datos: Las Variables

¿Qué es una variable?

Imagina que tienes cajas donde puedes guardar cosas. Cada caja tiene una etiqueta con un nombre para que sepas qué hay dentro. En programación, una variable es exactamente eso: un espacio en la memoria del ordenador donde guardamos un dato, y le ponemos un nombre para poder usarlo después.

Declarando Variables

En JavaScript tenemos tres formas de crear variables:

// Declarar (crear la caja vacía)
let edad;

// Asignar (meter algo en la caja)
edad = 25;

// Todo en un solo paso
let cancionFavorita = "Mediterráneo";

💻 Ejercicio 2: Declaración de Variables

console.log("Variables en JavaScript");

// Declaración con var (forma tradicional)
var nombre = "María";
var edad = 25;

// Declaración con let (forma moderna, recomendada)
let apellido = "González";
let ciudad = "Logroño";

// Declaración con const (para valores constantes)
const PI = 3.14159;
const PAIS = "España";

// Ejemplos de uso – concatenamos texto con +
console.log("Mi nombre es " + nombre + " " + apellido);
console.log("Tengo " + edad + " años");
console.log("Vivo en " + ciudad + ", " + PAIS);

// Variable sin valor inicial = undefined
let telefono;
console.log("Teléfono inicial:", telefono);

Variables en JavaScript
Mi nombre es María González
Tengo 25 años
Vivo en Logroño, España
Teléfono inicial: undefined

📝 Explicación paso a paso:

🔤 Tipos de Variables: Primitivos

JavaScript tiene varios tipos de datos. Los primitivos son los más básicos:

let mensaje = "Esto es un texto";
let plantilla = `Puedo incluir: ${mensaje}`;

let entero = 42;
let decimal = 3.14;

let esFestivo = false;
let mayorEdad = 25 >= 18; // true

let sinValor;  // undefined
let vacio = null;

💻 Ejercicio 3: Tipos Primitivos

console.log("Tipos de Variables Primitivas");

// 1. STRING (Cadenas de texto)
let mensaje = "Esto es una cadena de texto";
console.log("Mensaje:", mensaje);
console.log("Tipo:", typeof mensaje);

// 2. NUMBER (Números)
let entero = 42;
let decimal = 3.14;
console.log("Entero:", entero, "– Tipo:", typeof entero);

// 3. BOOLEAN (Verdadero o Falso)
let mayorEdad = 25 >= 18;
console.log("Es mayor de edad:", mayorEdad);

// 4. UNDEFINED (Sin valor definido)
let sinValor;
console.log("Variable sin definir:", sinValor);

// 5. NULL (Valor nulo intencionalmente)
let valorNulo = null;
console.log("Valor nulo:", valorNulo);

Tipos de Variables Primitivas
Mensaje: Esto es una cadena de texto
Tipo: string
Entero: 42 – Tipo: number
Es mayor de edad: true
Variable sin definir: undefined
Valor nulo: null

🗂️ Tipos de Variables: Compuestos

Los tipos compuestos permiten agrupar múltiples valores:

let estudiante = {
  nombre: "Jose",
  ciudad: "Sevilla",
  edad: 22
};

let tapas = [
  "patatas bravas",
  "calamares",
  "tortilla"
];

Conversión de Tipos

let numero = parseInt("25");     // Convierte texto a entero
let decimal = parseFloat("25.99"); // Convierte texto a decimal
let texto = String(42);         // Convierte número a texto

💻 Ejercicio 4: Tipos Compuestos y Conversión

console.log("Tipos Compuestos y Conversión");

// OBJECT (Objetos)
let persona = {
  nombre: "Carlos",
  edad: 30,
  profesion: "Ingeniero"
};
console.log("Objeto persona:", persona);
console.log("Nombre:", persona.nombre);

// ARRAY (Arreglos)
let colores = ["rojo", "azul", "verde"];
console.log("Array colores:", colores);
console.log("Primer color:", colores[0]);

// CONVERSIONES
let numeroTexto = "25";
let numeroReal = parseInt(numeroTexto);
console.log("Texto:", numeroTexto, "– Tipo:", typeof numeroTexto);
console.log("Número:", numeroReal, "– Tipo:", typeof numeroReal);

Tipos Compuestos y Conversión
Objeto persona: { nombre: 'Carlos', edad: 30, profesion: 'Ingeniero' }
Nombre: Carlos
Array colores: [ 'rojo', 'azul', 'verde' ]
Primer color: rojo
Texto: 25 – Tipo: string
Número: 25 – Tipo: number

🧮 Operaciones Básicas en JavaScript

Operaciones Aritméticas

Operadores de Comparación

Operadores Lógicos

💻 Ejercicio 5: Operaciones Básicas

console.log("🧮 Operaciones Básicas en JavaScript\n");

// ARITMÉTICAS
let a = 15, b = 4;
console.log("15 + 4 =", a + b);
console.log("15 - 4 =", a - b);
console.log("15 * 4 =", a * b);
console.log("15 / 4 =", a / b);
console.log("15 % 4 =", a % b);
console.log("15 ** 2 =", a ** 2);

// COMPARACIÓN
console.log("10 == '10':", 10 == '10');
console.log("10 === '10':", 10 === '10');

// LÓGICAS
console.log("true && false:", true && false);
console.log("true || false:", true || false);

// OPERADOR TERNARIO
let edad = 20;
console.log("Resultado:", edad >= 18 ? "Mayor" : "Menor");

// EJEMPLO: Cálculo de descuento
let precio = 100, descuento = 20;
let final = precio - (precio * descuento / 100);
console.log(`Precio: $${precio}, Descuento: ${descuento}%, Final: $${final}`);

🧮 Operaciones Básicas en JavaScript

15 + 4 = 19
15 - 4 = 11
15 * 4 = 60
15 / 4 = 3.75
15 % 4 = 3
15 ** 2 = 225
10 == '10': true
10 === '10': false
true && false: false
true || false: true
Resultado: Mayor
Precio: $100, Descuento: 20%, Final: $80

✨ Buenas Prácticas en JavaScript

Escribir código que funcione es importante, pero escribir código que otros puedan entender es fundamental.

// ❌ MAL
let a = 25;
let b = "Juan";

// ✅ BIEN
let edadMaximaPermitida = 25;
let nombreUsuario = "Juan";
const MAXIMO_INTENTOS = 3;

🎯 Resumen Final

Lo que has aprendido