Anatomía de una variable

Mi ejemplo practico de esta clase ![]()

Algo importante que mencionar referente a la anatomia de una varible es saber porque se escribe de esa manera, "cajaDeAndy", por que las mayusculas? A esta estructura se le llama lowerCamelCase. Tambien existen: **Snake\_case:** *my\_name*. **PascalCase:** *MyName*. **Kebab-case:** *my-name*. En Javascript es mas comun utilizar lowerCamelCase

***<u>Var:</u>*** Es una forma antigua de declarar variables en JavaScript. ***<u>Let: </u>***Es una forma moderna de declarar variables en JavaScript. ***<u>Const:</u>*** Es otra forma moderna de declarar variables en JavaScript, utilizada cuando no quieres que el valor de la variable cambie. ***<u>Ejemplos:</u>*** ```js // Ejemplo var var nombre = 'Juan'; console.log(nombre); // Juan // Ejemplo let let edad = 16; console.log(edad); // 16 // Ejemplo const const ciudad = 'Ciudad de México'; console.log(ciudad); // Ciudad de México ```

Concepto de Variables en Programación

• Las variables en programación se pueden imaginar como cajas que almacenan cosas.
• Estas cajas (variables) tienen nombres o etiquetas que nos permiten identificarlas y saber qué contienen.
• En JavaScript, se utilizan palabras clave como let para declarar una variable.

Declaración y Asignación de Variables en JavaScript

• Declaración: Crear la caja (variable) con un nombre.
• Asignación: Almacenar algo en la caja (variable).

Ejemplo en JavaScript

• Usamos let para declarar una variable.
• Le asignamos un nombre descriptivo para saber qué contiene.
• Asignamos un valor a la variable usando el signo igual (=).

let cajaDeAndy = "Woody";
console.log(cajaDeAndy); // Output: Woody

Importancia de Nombres Descriptivos

• Los nombres de las variables deben ser descriptivos y evitar ambigüedades.
• Correcto: Nombres que describen claramente el contenido.
• Incorrecto: Nombres como C, D, A que no describen el contenido.

Ejemplos de Nombres Correctos e Incorrectos

• Incorrecto: let C = "Woody"; – No es descriptivo.
• Correcto: let cajaDeAndy = "Woody"; – Es descriptivo y claro.

Buenas Prácticas en Nombramiento de Variables

• Evitar abreviaciones ambiguas.
• Utilizar nombres largos y descriptivos si es necesario.
• Las abreviaciones comunes como URL y ID son aceptables porque son entendidas generalmente.

Ejemplos

• Correcto: let primerTrasteoDeAndy = "Caja grande";
• Correcto: let userID = "12345";

Organización del Código

• Declarar variables al inicio del código.
• Mantener las variables en orden y una debajo de la otra.

Uso de let y const en JavaScript

• let: Para variables que pueden cambiar con el tiempo.
• const: Para variables constantes cuyo valor no cambia.

Ejemplo con let y const

• let contador = 0; – Variable que puede cambiar.
• const PI = 3.14; – Constante que no cambia.

let contador = 0;
contador = contador + 1;

const PI = 3.14;
console.log(PI); // Output: 3.14

Comentarios y Buenas Prácticas

• Escribir comentarios para explicar el código y hacerlo más entendible para el “yo del futuro” o para otros programadores.
• Evitar nombres de variables no descriptivos y mantener el código organizado y legible.

Ejemplo de Comentarios

// No permitido
let C = "Woody";

// Permitido
let cajaDeAndy = "Woody"; // Variable descriptiva

// Otro ejemplo con abreviación conocida
let userURL = "<https://google.com>";
let userID = 12345;

Próximos Pasos

• Practica la declaración y asignación de variables en tu editor de código.
• Utiliza nombres descriptivos para tus variables.
• Experimenta con let y const y observa cómo cambian o permanecen constantes.
• Sigue las buenas prácticas para mantener tu código limpio y entendible.

Como quién dice, lo más difícil del código no es programar, sino nombrar variables hehe

Aquí viendo de nuevo el curso para pulir conocimientos :)

En muchos proyectos no se le dio la importancia necesaria a las variables que luego costaron muchas horas más de trabajo de las esperadas. 🥲

Otra manera de aumentar una variable con valor numérico es: `contador++` Ejemplo: ```js let contador = 0; console.log(contador); contador++ console.log(contador); contador++ console.log(contador); ```Prueben ejecutando este código, el output será: `0` `1` `2`

La profesora es excelente tiene un tono de voz muy chevere y explica de manera muy clara.

Una **variable** es una palabra que representa algo que cambia o experimenta algún tipo de modificación y carece de **estabilidad, constancia y mutabilidad.** En términos más simples, la variable es un símbolo que señala a un elemento no específico dentro de un grupo particular. Este grupo se denomina a menudo conjunto universal de la variable y cada elemento en este conjunto es un valor de la variable. Se encuentran en algoritmos, afirmaciones y fórmulas. **Ejemplos y usos de las variables** Las variables son elementos esenciales en las fórmulas, afirmaciones y algoritmos, ya que pueden adquirir diferentes valores mientras se mantienen dentro de un conjunto específico. **Uso de variables en programación y Javascript** En programación, una **variable** es un lugar en memoria en la cual podemos guardar objetos (números, texto, etc.). Esta posee un identificador o nombre con el cual podemos llamarla más tarde cuando la necesitemos. En términos más específicos, una variable consta de tres elementos principales: **1. Nombre:** es el identificador único que se utiliza para referirse a la variable. **2. Tipo de dato:** es el tipo de información que se almacena en la variable, como números enteros, decimales, cadenas de texto, booleanos, entre otros. **3. Valor:** es el contenido actual almacenado en la variable.

![]()let primerHokage = 'Hasirama Senju'let segundoHokage = 'Tobirama Senju'let terceroHokage = 'Hiruzen Sarutobi'let cuartoHokage = 'Minato Namikaze'let quintoHokage = 'Tsunade'let sextoHokage = 'Kakashi Hatake'let septimoHokage = 'Naruto Uzumaki' console.log(primerHokage)console.log(segundoHokage)console.log(terceroHokage)console.log(cuartoHokage)console.log(quintoHokage)console.log(sextoHokage)console.log(septimoHokage)```js let primerHokage = 'Hasirama Senju' let segundoHokage = 'Tobirama Senju' let terceroHokage = 'Hiruzen Sarutobi' let cuartoHokage = 'Minato Namikaze' let quintoHokage = 'Tsunade' let sextoHokage = 'Kakashi Hatake' let septimoHokage = 'Naruto Uzumaki' console.log(primerHokage) console.log(segundoHokage) console.log(terceroHokage) console.log(cuartoHokage) console.log(quintoHokage) console.log(sextoHokage) console.log(septimoHokage) ```

Mi ejemplo de variables :)

Una variable fija también es útil para el uso de las Api key.

Que yo sepa sí se recomienda poner **;** al final de cada sentencia.


Esta profesoea me relaja demasiado, es muy placentero escucharla hablar tanto asi que para mi es mas facil aprender de ella.🫶🏼🦄

VARIABLES Si se pudieran resumir con una palabra seria sencillamente CAJAS. Con las variables, podemos guardar informacion que podremos utilizar mas adelante, al igual como en una caja podemos guardar objetos que podremos usar despues. EJEMPLO DE VARIABLES let car = 'Tesla' var model = 'Model S' const color = 'Black' ### DIFERENCIAS **let**: Tiene alcance de bloque, lo que significa que solo están disponibles dentro del bloque `{}` donde se declara. `if (true`) { ` let car = 'Tesla'`; ` console.log(car); // Nos devuelve Tesla` } `console.log(car); // Nos da error porque solo está disponible dentro de la condicional.` No se pueden acceder a ellas antes de su declaración. Por ejemplo: `console.log(car); // Da error` `let car = 'Tesla'`; `console.log(car); // Nos devuelve Tesla` Y no se puede redeclarar: `let car = 'Tesla'`; `let car = 'Toyota'; // Nos da error porque ya car está declarado.` **var**: A diferencia de `let`, podemos usarlas antes de la declaración, pero su valor será `undefined` hasta que la misma se inicialice. Ejemplo: `console.log(model); // undefined` `var model = 'Model S'`; `console.log(model); // Nos devuelve: 'Model S'` Además, podemos declararla dentro de una condicional o función, y aun así poder reutilizarla fuera de la misma. Ejemplo: `if (true`) { ` var model = 'Model S'`; } `console.log(model); // 'Model S'` También, estas sí se pueden redeclarar: `var model = 'Model S'`; `var model = 'Model X'; // No nos da error.` **const**: Al igual que `let`, no se pueden redeclarar, tienen alcance de bloque y son inmutables: `const color = 'Black'`; `console.log(color); // Nos devuelve Black` `color = 'red'; // Nos da el error TypeError: Assignment to constant variable.` Si se declara dentro de un bloque, solo está disponible dentro de ese bloque: `if (true`) { ` const color = 'Black'`; ` console.log(color); // Black` } `console.log(color); // Nos da: ReferenceError: color is not defined.` Espero que les sea útil!!

excelente clase

Para escribir los nombres de las variables en Js se usa **CamelCase** ¿Qué es lowerCamelCase? * lowerCamelCase es una técnica de nomenclatura que se usa para nombrar variables y métodos. * En lowerCamelCase, la primera letra de la variable se escribe en minúsculas, y si el nombre tiene más de una palabra, las palabras se separan con la primera letra en mayúsculas. * Por ejemplo, "**miSuperVar**" es un nombre en lowerCamelCase.

hay alguna diferencia entre let y var, en cuanto a funcionamiento?

Mi practica de la clase; 

En JavaScript, el uso del punto y coma es opcional debido a la característica de inserción automática de punto y coma del lenguaje. Sin embargo, se recomienda usarlo para evitar errores y mejorar la legibilidad del código. En el transcript se menciona que el instructor personalmente no utiliza punto y coma, pero es una buena práctica hacerlo para mantener un código claro y consistente. Por lo tanto, es recomendable usar punto y coma en JavaScript.

la clase que aparecía en los anuncios de YouTube XD

Mis notas de esta clase ```js /* Lo NO permitido en la escritura de una variables es: let c = "Woody" -> es muy ambiguo. let cda = "Woody" -> sigue siedo muy ambiguo. Lo mas indicado para escribir una variable es que sean descriptivas y ayude a las personas que lean la variable a detectar de que se trata. Lo que SI es permitido en la escritura de una variable: let isDelUsuario = "1" let urlDelUsuario = "https://ejemplo.com" lo ideal es que las variables simpre vayan al inicio del código para poder tener un lugar donde ubcarlas rápidamente. let | se usa para las varibales que van a cambiar con el tiempo. const | se usa para variables que son fijas y no van a cambiar de valor nunca durante el programa o el uso de la variable. */ ```

```js //Variables JS //Para tenter en cuenta: Evitar ambiguiedades, mantener el orden //Es ideal ubicar las variables al inicio del código //Podemos utilizar let y const, para varibles o constantes //Como ejemplo hare el proceso de selección de materia prima //para la etapa primera etapa de producción ///------------------------------------------- // Vamos a simular un programa que nos indique cual es // la materia prima que se debe seleccionar para la producción de cerveza artesanal let Malta= 'Selecciona malta Munich' let Lúpulo='Selecciona lúpulo Cascade' let CaracterísticasDeAgua='El pH adecuado del agua debe estar entre: 5.2 y 5.5' const Advertencia1= 'Utilizar elementos de protección personal (Guantes, cofia y tapabocas)' const Advertencia2='No utilizar agua sin tratamiento' console.log(Malta+(',') + Lúpulo) console.log(CaracterísticasDeAgua+(',') +'Recuerda: '+ Advertencia1+(',')+ Advertencia2) ```

Entre los no permitidos al momento de declarar variables están : 1- no declarar variables que empiecen por números 1. no se puede declarar variables con palabras reservadas del mismo lenguaje 2. Js es (case-sensitive) o sea que distingue entre mayúsculas y minúsculas, es decir let = Fruta es distinto a let = fruta

let miNombre = "jonathan" console.log("miNombre")

[Javascript Variables and Constants](https://www.programiz.com/javascript/variables-constants)

Este es mi ejemplo *let* Pokeball = 'Pikachu';*let* Superball = 'Charmader';*let* Ultraball = 'squirtle';*let* Masterball = 'bulbasaur'; console.log(`Hay un ${Pokeball}, un ${Superball}, un ${Ultraball} y un ${Masterball}`);```js let Pokeball = 'Pikachu'; let Superball = 'Charmader'; let Ultraball = 'squirtle'; let Masterball = 'bulbasaur'; console.log(`Hay un ${Pokeball}, un ${Superball}, un ${Ultraball} y un ${Masterball}`); ```

* Las variables deben ir al inicio del codigo 👀 pero al final por el tema del scope y hoisting no sera del todo asi * Asimismo podemos ponerle o no el punto y coma al final de la declaración (es opcional) Sin embargo, se considera una buena práctica escribir siempre un punto y coma después de una declaración, incluso cuando no sea estrictamente necesario. Esta práctica reduce las posibilidades de que se introduzcan errores en el código * JavaScript es (case-sensitive) si distingue por diferentes a la mayuscula y minuscula

hola, a mi no me imprime el comentario en ninguna ocasión, alguien que me pueda ayudar? gracias

La clase se centra en las variables en JavaScript, descritas como "cajas" donde almacenamos información. Se introduce la declaración de variables con `let` y `const`, destacando que `let` se usa para valores que cambian, mientras que `const` es para valores constantes. Se enfatiza la importancia de nombrar variables de forma descriptiva para facilitar la comprensión del código y se discuten las buenas prácticas para evitar ambigüedades y desorden en el código. Se también menciona el uso de comentarios para aclarar el propósito de las variables.

mi lindo ejercicio creando variables

Buenas con todos volviendo a recordar y reforzar con esta gran profesora admito que todos los ejemplos los estoy haciendo referente a One piece comparto mi código 

Acerca de las diferencias entre let y const: -'let' \- `let` te permite reasignar un nuevo valor a la variable más adelante en tu código. \- `let` puede ser declarado sin un valor inicial y asignarse más tarde. \- `const` \- `const` \*\*no\*\* permite la reasignación; una vez asignado, el valor no puede cambiarse. \- `const` debe ser inicializado con un valor cuando es declarado. 

Este es un ejemplo que muestra todo lo que se ha dado en esta clase:*// Estoy recordando los fundamentos de javascript*const prompt = require('prompt-sync')(); let user;let email;let password;let rep\_pass; user = prompt("Introduzca su usuario: ");email = prompt("Introduzca su e-mail: "); do{    password = prompt("Introduzca su contraseña: ");    rep\_pass = prompt("Repita su contraseña: ");    if (password != rep\_pass)    {        console.log("Las contraseñas no coinciden!")        i = 0;    }}while (password != rep\_pass); const f\_user = user;const f\_email = email;const f\_password = password; for (let i = 0; i < 10; i++){    console.log(" ");}console.log("Datos: ")console.log(" ");console.log(f\_user);console.log(f\_email);console.log(f\_password); ```js // Estoy recordando los fundamentos de javascript const prompt = require('prompt-sync')(); let user; let email; let password; let rep_pass; user = prompt("Introduzca su usuario: "); email = prompt("Introduzca su e-mail: "); do { password = prompt("Introduzca su contraseña: "); rep_pass = prompt("Repita su contraseña: "); if (password != rep_pass) { console.log("Las contraseñas no coinciden!") i = 0; } }while (password != rep_pass); const f_user = user; const f_email = email; const f_password = password; for (let i = 0; i < 10; i++) { console.log(" "); } console.log("Datos: ") console.log(" "); console.log(f_user); console.log(f_email); console.log(f_password); ```

**Code Runner** es una extensión para editores de código, como Visual Studio Code, que permite ejecutar código de diferentes lenguajes de programación de manera rápida y sencilla. Aquí tienes un resumen de sus funcionalidades: ### Funciones de Code Runner 1. **Ejecución de Código**: Permite ejecutar fragmentos de código directamente desde el editor sin necesidad de abrir una terminal o consola separada. 2. **Soporte Multilenguaje**: Code Runner es compatible con varios lenguajes de programación, como Python, Java, JavaScript, C++, Ruby, PHP, entre otros. 3. **Configuración Personalizada**: Puedes personalizar la configuración, como la terminal que se utiliza para la ejecución y los parámetros específicos de cada lenguaje. 4. **Resultados Rápidos**: Muestra los resultados de la ejecución en una ventana de salida, lo que facilita la revisión y depuración. 5. **Atajos de Teclado**: Proporciona atajos de teclado para ejecutar rápidamente el código seleccionado o el archivo completo. 6. **Integración con el Editor**: Funciona sin problemas dentro del entorno del editor, mejorando la eficiencia del flujo de trabajo de programación. ### Resumen En resumen, Code Runner es una herramienta útil para desarrolladores que buscan ejecutar código de manera rápida y eficiente dentro de su editor de código, soportando múltiples lenguajes y ofreciendo una experiencia de desarrollo más fluida.

let numero = 0; //0 numero = numero+1; //1 numero = numero+1; //2 const fija= "Hola mundo!" fija = "adc" //ERR hice un pequeño programa para cambiar el valor de "numero"de tipo let para que al sumarle 1 me cambiara el valor de 0 a 1. Sin embargo al intentar cambiar un texto en tipo "const" me da un error.


.

tengo problemas con "el espacio entre palabra y palabra en el título", lo escribo como ella y sin embargo la consola no me tira resultado, qué hago?

bad video quality!

Aquí mis apuntes de esta clase, para quien los necesite: 

Que pasa si uso const para guarda una variable que cambia en el tiempo y viceversa, puede afectar el funcionamiento del código

Como parte de la organización lo ideal es declarar nuestras variables al inicio de todo el código.

lo importante de los nombres de variables deben tener un nombre referente a lo que estamos almacennado. un dicho: "coloca el nombre de una variable, como si eligieras el nombre de un hijo".

Haciendo un pequeño ejercicio de entendimiento de la variable Let: \*Conversión de grados Celsius a Fahrenheit: // Declaramos una variable 'celsius' usando 'let' y le asignamos un valor: let celsius = 25; // Declaramos una variable 'fahrenheit' usando 'let' y calculamos el valor en Fahrenheit: let fahrenheit = (celsius \* 9/5) + 32; // Imprimimos el valor en Fahrenheit en la consola: console.log(fahrenheit);

Mi ejemplo ;) 

# Anatomia de una variable Una variable en `Javascript` es una contenedor que se utiliza para almacenar datos o valores que pueden cambiar durante la ejecucion de un programacion. son de gran utilidad ya que permiten a los desarrolladores escribir programas dinamicos y flexibles ya que los valores o datos pueden ser manipulados y utilizados en diversas operaciones a lo largo del codigo.  * **Palabra Clave de Declaración** * **Nombre de la Variable (Identificador)** * **Valor**

Muy buena clase.

```js //¿Cómo cambiar el material de las patas a "plástico" sin redefinir todo el objeto? // Dimensiones base en cm let alturaSilla = 90; let anchoSilla = 45; let profundidadSilla = 50; // Materiales let materialAsiento = "madera"; let materialPatas = "acero"; // Color let colorSilla = "negro"; // Datos estructurados let silla = { altura: alturaSilla, ancho: anchoSilla, profundidad: profundidadSilla, asiento: materialAsiento, patas: materialPatas, color: colorSilla }; console.log("Silla creada:", silla); ```

Mi ejemplo para esta clase: