📚 Introducción al Bloque: Curso JavaScript 0-Junior

En esta sección de la certificación nos sumergimos en uno de los lenguajes más importantes del desarrollo web: JavaScript.
Dominar JavaScript es esencial para cualquier desarrollador WordPress orientado a Full Stack y aún más para un DevSecOps Operator, ya que no solo programamos funcionalidades, sino que también debemos entender la seguridad y el control de la interacción en el navegador.

Durante los próximos días, seguiremos una progresión natural desde los conceptos básicos hasta el manejo avanzado de eventos y el DOM, siempre enfocados en buenas prácticas, estructuras limpias y prevención de vulnerabilidades comunes.

A lo largo de esta formación:

Aprenderás a manejar variables, operadores, funciones, objetos, arrays, estructuras de control y bucles.
Dominarás la manipulación básica y avanzada del DOM (Document Object Model).
Aprenderás a capturar eventos, validar formularios y generar contenido dinámico.
Te introducirás en prácticas seguras de desarrollo en JavaScript.

¡Vamos a construir juntos una base sólida en JavaScript para ser programadores más eficientes y seguros!

🔒 Día 19 — Fundamentos esenciales: Variables, operadores, condicionales, bucles y arrays

Objetivo:
Hoy aprenderás las bases fundamentales de JavaScript: cómo declarar variables, utilizar operadores, construir condicionales, bucles y arrays. Estos conceptos son imprescindibles para cualquier programación posterior, tanto en backend como en frontend.

📚 Formación Teórica

1. Conceptos fundamentales de JavaScript

¿Qué es JavaScript y dónde se usa?
Tipos de variables (var, let, const).
Uso de operadores aritméticos, lógicos y de asignación.
Concatenación vs Template Strings.
Buenas prácticas: CamelCase para nombrar variables.

🎥 Vídeos de hoy

✅ Cómo funciona JavaScript y variables (Desde 7:25 hasta 1:45:38 aproximadamente)

Instrucciones para el vídeo:
Concéntrate especialmente en:

Diferencias entre var, let y const.
Buenas prácticas de nombrado de variables.
Cómo funcionan los operadores y condicionales (if, else, switch).
Cómo crear arrays y recorrerlos con bucles básicos (for, while).

🧠 Apuntes Técnicos del Día

📌 Variables en JavaScript

let nombre = "Jesús";
const edad = 34;
var profesion = "Desarrollador"; // Evitar var salvo excepciones

let: Variable cuyo valor puede cambiar.
const: Valor constante que no puede reasignarse.
var: Forma antigua de declarar variables (desaconsejada en ES6+).

📌 Operadores

Aritméticos: +, -, *, /, %
Asignación: =, +=, -=
Comparación: ==, ===, !=, <, >, <=, >=
Lógicos: &&, ||, !

📌 Condicionales

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

Uso de if, else if, else.
Uso de switch para múltiples casos.

📌 Bucles básicos

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

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

for: número fijo de iteraciones.
while: se ejecuta mientras la condición sea verdadera.

📌 Arrays

let frutas = ["Manzana", "Banana", "Naranja"];
console.log(frutas[0]); // Manzana

Acceder a los elementos por su índice.
Recorrer arrays con bucles (for, forEach más adelante).

🛠️ Tareas prácticas del Día 19

Tarea 1 — Variables y operadores:

Crea un pequeño programa en JavaScript que:
- Solicite el nombre del usuario (prompt).
- Solicite su edad.
- Devuelva un mensaje personalizado según si es mayor de edad o no.

Tarea 2 — Arrays y bucles:

Crea un array con 5 nombres de frutas.
Usa un bucle for para recorrerlas y mostrarlas en consola.

Tarea 3 — Concatenación y template strings:

Muestra un mensaje en consola usando template strings para saludar al usuario.

Entrega:

Crea un documento PDF donde adjuntes:
- Código utilizado.
- Capturas de pantalla del funcionamiento del programa.

🚀 Resultado esperado al finalizar el día

Conocer y utilizar correctamente variables, operadores, condicionales y bucles en JavaScript.
Saber manipular arrays de forma básica.
Haber aplicado buenas prácticas de nomenclatura y estructuración de código.