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

📚 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

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.