Curso de JavaScript Básico

Introducción

JavaScript es el lenguaje de programación más utilizado para el desarrollo web. Permite crear páginas dinámicas, interactivas y modernas, tanto en el navegador como en el servidor. En este curso aprenderás los conceptos fundamentales de JavaScript desde cero, con explicaciones claras y ejemplos prácticos en español. No necesitas experiencia previa: solo ganas de aprender y practicar.

Al finalizar, tendrás las bases necesarias para crear tus propios scripts, comprender documentación técnica y avanzar hacia frameworks modernos como React, Vue o Node.js.

¡Comencemos juntos este viaje en el mundo de JavaScript!

Sintaxis Básica

Variables:
- let y const para declarar variables.
- let permite declarar variables cuyo valor puede cambiar a lo largo del programa, mientras que const se usa para declarar variables cuyo valor no debe cambiar (constantes).
- Ejemplo:
```
let nombre = 'Juan';
const PI = 3.1416;
```

Tipos de datos:

Números, cadenas, booleanos, null, undefined, objetos y arrays.

let numero = 10; // número
let texto = 'Hola'; // cadena
let esActivo = true; // booleano
let nada = null; // null
let indefinido; // undefined
let objeto = { clave: 'valor' }; // objeto
let lista = [1, 2, 3]; // array

Arrays:
- Colección ordenada de elementos.
- Son importantes porque permiten almacenar y manipular múltiples valores en una sola variable, facilitando operaciones como recorrer, buscar, modificar o eliminar elementos de manera eficiente. Usar arrays ayuda a organizar datos relacionados y simplifica el manejo de listas en programas.
```
let frutas = ['manzana', 'banana', 'uva'];
console.log(frutas[0]); // 'manzana'
frutas.push('naranja');
```

Objetos:

Estructura para agrupar datos y funciones bajo una misma entidad. Los objetos permiten representar entidades del mundo real mediante propiedades (claves y valores) y métodos (funciones asociadas). Cada propiedad puede ser de cualquier tipo de dato, y los métodos permiten definir comportamientos.

let persona = {
  nombre: 'Ana',
  edad: 25,
  saludar: function () {
    console.log('Hola, soy ' + this.nombre);
  },
};
persona.saludar();
// Acceso a propiedades
console.log(persona.nombre); // 'Ana'
// Modificar propiedades
persona.edad = 26;
// Agregar nuevas propiedades
persona.profesion = 'Desarrolladora';

Operadores:

Aritméticos: +, -, *, /, %
Comparación: ==, ===, !=, !==, <, >, <=, >=

Lógicos: &&, ||, !

let suma = 2 + 3; // 5
let esIgual = 5 === '5'; // false
let resultado = true && false; // false

Comentarios:
- De una línea: // comentario
- De varias líneas:
```
/*
  Esto es un comentario
  de varias líneas
*/
```
Funciones:
- Permiten agrupar un bloque de código que puede ser reutilizado y ejecutado cuando sea necesario.
- Declaración:
```
function saludar() {
  console.log('Hola mundo');
}
```
- Arrow function:
```
const sumar = (a, b) => a + b;
```

Condicionales:

Permiten ejecutar diferentes bloques de código según si se cumple o no una condición.

if (edad >= 18) {
  console.log('Eres mayor de edad');
} else {
  console.log('Eres menor de edad');
}

Bucles:

Permiten ejecutar un bloque de código varias veces de forma repetitiva.

for (let i = 0; i < 5; i++) {
  console.log(i);
}

También existen otros tipos de bucles:

while:

let contador = 0;
while (contador < 5) {
  console.log(contador);
  contador++;
}

do…while:

let numero = 0;
do {
  console.log(numero);
  numero++;
} while (numero < 5);

Ejercicios

Declara una variable llamada nombre y asígnale tu nombre. Muestra el valor en consola.
Escribe una función que reciba dos números y retorne su suma.
Crea un condicional que imprima “Par” si un número es par y “Impar” si es impar.
Escribe un bucle que imprima los números del 1 al 10.
Crea una función flecha que multiplique dos números y muestre el resultado.