Día 1 del Reto de los 100 Días

Fecha: 21/8/2024

Objetivo: Aprender y comprender variables, operaciones lógicas y tipos de datos en JavaScript, resolver un problema matemático usando JavaScript y comenzar a aprender sobre detectores de eventos y declaraciones condicionales.

1. Introducción a las variables de JavaScript

Hoy comencé mi viaje hacia JavaScript aprendiendo sobre variables. Una variable en JavaScript es como un contenedor que contiene datos, que pueden ser un número, un fragmento de texto o cualquier otro tipo de valor. Aprendí a declarar una variable usando las palabras clave let, const y var.

• let le permite crear una variable que puede cambiar más tarde.
• const crea una variable que no se puede reasignar.
• var es una forma antigua de declarar variables, pero todavía se usa.

2. Comprensión de las operaciones lógicas y los tipos de datos

A continuación, exploré las operaciones lógicas, que se utilizan para tomar decisiones en JavaScript. Aprendí sobre los operadores lógicos básicos:

También aprendí sobre diferentes tipos de datos como:

3. Resolver un problema matemático con JavaScript

Apliqué mis conocimientos sobre variables y tipos de datos para resolver un problema matemático simple. El problema era calcular el área de un rectángulo dado su ancho y alto.

4. Introducción a los oyentes de eventos

Continuando, comencé a aprender sobre los oyentes de eventos. Un detector de eventos es una función que espera a que ocurra un evento específico, como que un usuario haga clic en un botón, y luego desencadena alguna acción.

En términos simples:
Los detectores de eventos permiten que JavaScript responda a las acciones del usuario en una página web, como hacer clic en un botón, escribir en un cuadro de texto o pasar el cursor sobre un elemento.

Cuando no se hace clic en

Cuando se hace clic en él, se mostrarán los datos de carga... y luego terminará mostrando "Datos cargados mediante devolución de llamada"

Este es el trabajo de un detector de eventos en javascript

5. Comprensión de las declaraciones condicionales

También aprendí sobre declaraciones condicionales, que me permiten tomar decisiones en mi código. Una declaración condicional verifica si una condición es verdadera o falsa y luego ejecuta un bloque de código basado en el resultado.

6 Comprensión de los bucles While y For en JavaScript

Durante el bucle:
Un bucle while en JavaScript sigue ejecutando un bloque de código siempre que una condición especificada sea verdadera. Me esforcé por comprender este concepto imaginándolo como alguien que hacía una pregunta repetidamente hasta obtener la respuesta correcta.

Definición simple:
Un bucle while continúa ejecutándose mientras una determinada condición siga siendo verdadera.

Ejemplo:

let number = 1;

while (number 



En este ejemplo, el ciclo comienza con número = 1 y continúa ejecutándose si el número es menor o igual a 5. Imprime el valor del número y luego lo aumenta en 1 cada vez.

Para bucle:

Un bucle for es similar a un bucle while, pero suele ser más conciso y más fácil de escribir cuando sabes cuántas veces quieres ejecutar el bucle.

Definición simple:

Un bucle for repite un bloque de código un número específico de veces.

Ejemplo:



for (let i = 1; i 



En este bucle for, i comienza en 1 y aumenta en 1 después de cada bucle hasta llegar a 5. El bucle se ejecuta 5 veces, al igual que el bucle while.

Diferencia entre bucles While y For:

• While Loop: Es mejor cuando no sabes cuántas veces debe ejecutarse el ciclo, pero tienes una condición que verificar.
• For Loop: Es mejor cuando sabes exactamente cuántas veces debe ejecutarse el bucle.

Guión:
Imagina que estás lanzando una moneda. Quieres seguir volteando hasta que obtengas cara. Como no sabes cuántos lanzamientos serán necesarios, usarías un bucle while para seguir lanzando hasta obtener cara.

Ahora, si quieres lanzar la moneda exactamente 5 veces, usarías un bucle for porque sabes que necesitas exactamente 5 lanzamientos, sin importar el resultado.

En resumen:

• While Loop: Sigue volteando hasta que obtienes cara.
• For Loop: Lanza la moneda exactamente 5 veces.

Comprender los bucles requirió algo de esfuerzo, pero este ejercicio me ayudó a ver cómo son útiles para repetir tareas de manera eficiente en mi código.

Mi experiencia

Estaba muy frustrado y estresado. Realmente me estaba afectando, hasta el punto que casi sentí ganas de romper mi PC. ¡Fue tan abrumador! ¿Puedes ayudarme a descubrir dónde salió todo mal?...?‍♂️?‍♂️?‍♂️?‍♂️, tuve que lidiar con tantos errores y depurarlos solo aumentaba mi estrés. Pero decidí tomarme un descanso, restablecer mi mente y finalmente descubrí el problema. Me decía a mí mismo que podía ser la mejor versión de mí mismo, pasara lo que pasara.

Pero javascript...????

Conclusión

El día 1 fue productivo ya que senté una base sólida en JavaScript al aprender sobre variables, operaciones lógicas, tipos de datos y declaraciones condicionales. También comencé a explorar cómo interactúa JavaScript con las acciones del usuario a través de detectores de eventos. Estoy emocionado de continuar este viaje y profundizar mi comprensión de JavaScript en el futuro.

Por favor, comparte, suscríbete y haz un seguimiento para obtener más información, y también comenta qué bebida debo tomar para esta hamburguesa javascript... jajaja???