Merge pull request mouredev#7498 from Kenysdev/00_05.js

#00 - javascript -> #5

Author: kontroldev

Roadmap/00 - SINTAXIS, VARIABLES, TIPOS DE DATOS Y HOLA MUNDO/javascript/kenysdev.js

@@ -0,0 +1,43 @@
+/*
+_____________________________________
+https://github.com/kenysdev
+2024 - JavaScript
+___________________________________________________
+00 SINTAXIS, VARIABLES, TIPOS DE DATOS Y HOLA MUNDO
+---------------------------------------------------
+ * - Crea un comentario en el código y coloca la URL del sitio web oficial del
+ *   lenguaje de programación que has seleccionado.
+ * - Representa las diferentes sintaxis que existen de crear comentarios
+ *   en el lenguaje (en una línea, varias...).
+ * - Crea una variable (y una constante si el lenguaje lo soporta).
+ * - Crea variables representando todos los tipos de datos primitivos
+ *   del lenguaje (cadenas de texto, enteros, booleanos...).
+ * - Imprime por terminal el texto: "¡Hola, [y el nombre de tu lenguaje]!"
+*/
+
+// https://www.ecma-international.org/publications-and-standards/standards/ecma-262/
+// https://developer.mozilla.org/es/docs/Web/JavaScript
+
+/**
+ * Documentación
+ * @param {string} name - Usuario
+ * @returns {string} Un saludo.
+ */
+function hello(name) {
+    return `Hola, ${name}!`;
+}
+
+let x = 5           // Variable numérica.
+const PI = 3.14159; // una constante.
+
+// Tipos de datos primitivos (https://developer.mozilla.org/es/docs/Web/JavaScript/Data_structures#valores_primitivos).
+let isAdult = true;    // Tipo Boolean
+let emptyValue = null; // Tipo Null
+let undefinedVariable; // Tipo Undefined
+let price = 9.99;      // Tipo Number
+let name = "Kenys";    // Tipo String
+let hugeNumber = 9007199254740991n; // Tipo BigInt
+let sym = Symbol("id"); // Tipo Symbol
+
+console.log(typeof price);
+console.log("¡Hola, JavaScript!");

Roadmap/01 - OPERADORES Y ESTRUCTURAS DE CONTROL/javascript/kenysdev.js

@@ -0,0 +1,186 @@
+/*
+_____________________________________
+https://github.com/kenysdev
+2024 - JavaScript
+_______________________________________
+01 OPERADORES Y ESTRUCTURAS DE CONTROL
+---------------------------------------
+ * - Crea ejemplos utilizando todos los tipos de operadores de tu lenguaje:
+ *   Aritméticos, lógicos, de comparación, asignación, identidad, pertenencia, bits...
+ *   (Ten en cuenta que cada lenguaje puede poseer unos diferentes)
+ * - Utilizando las operaciones con operadores que tú quieras, crea ejemplos
+ *   que representen todos los tipos de estructuras de control que existan
+ *   en tu lenguaje:
+ *   Condicionales, iterativas, excepciones...
+ * - Debes hacer print por consola del resultado de todos los ejemplos.
+*/
+
+// Tipos de operadores
+// https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web/JavaScript_basics#operadores
+
+// concatena
+let greeting = "Hola " + "mundo!";
+console.log(greeting) // "Hola mundo!"
+
+// _______________________
+// Operadores aritmeticos:
+let sumResult = 6 + 9;
+console.log(sumResult); // 15
+
+let subtractResult = 9 - 3;
+console.log(subtractResult); // 6
+
+let multiplicationResult = 8 * 2;
+console.log(multiplicationResult); // 16
+
+let divisionResult = 9 / 3;
+console.log(divisionResult); // 3
+
+let remainder = 20 % 7;
+console.log(remainder); // 6
+
+let power = 2 ** 3;
+console.log(power); // 8
+
+// _______________________
+// Operador de asignación:
+let myString = 'Ken';
+console.log(myString); // "Bob"
+
+let b = 3;
+b += 2; // Aplicable a todos los operadores aritméticos.
+console.log(b) // 5
+
+// _______________________
+// Operadores de Comparación:
+let equal = 5 == 5; // Igual a
+console.log(`5 == 5 -> ${equal}`); // true
+
+let notEqual = 5 != 5; // Diferente de
+console.log(`5 != 5 -> ${notEqual}`); // false
+
+let lessThan = 4 < 5; // Menor que
+console.log(`4 < 5 -> ${lessThan}`); // true
+
+let greaterThan = 4 > 5; // Mayor que
+console.log(`4 > 5 -> ${greaterThan}`); // false
+
+let lessThanOrEqual = 4 <= 5; // Menor o igual
+console.log(`4 <= 5 -> ${lessThanOrEqual}`); // true
+
+let greaterThanOrEqual = 4 >= 5; // Mayor o igual
+console.log(`4 >= 5 -> ${greaterThanOrEqual}`); // false
+
+// Estructuras de control
+// _______________________
+// condicinal:
+// https://developer.mozilla.org/es/docs/Learn/JavaScript/Building_blocks/conditionals
+
+if (5 == 5) { // Aplicable a todos los operadores de Comparación.
+    console.log("si lo es.");
+} else {
+    console.log("No lo es.");
+}
+
+// Con operadores lógicos:
+if (5 == 5 && 7 < 10) { // Equivalente a 'and'
+    console.log("si lo son.");
+}
+
+if (5 == 5 || 7 < 10) { // Equivalente a 'or'
+    console.log("Uno de los dos es 'true'.");
+}
+
+if (!(5 == 6)) { // Equivalente a 'not'
+    console.log("No lo es.");
+}
+
+// Declaraciones con switch
+let day = 1;
+switch (day) {
+    case 1:
+        console.log("Lunes");
+        break;
+    case 2:
+        console.log("Martes"); 
+        break;
+    
+    default:
+        console.log("Día no válido");
+}
+
+// Operador Ternario
+let age = 17;
+let msg = (age >= 18) ? "Eres mayor de edad" : "Eres menor de edad";
+console.log(msg);
+
+// _______________________
+// Bucles
+// https://developer.mozilla.org/es/docs/Learn/JavaScript/Building_blocks/Looping_code
+
+// For Loop
+for (let i = 1; i <= 5; i++) {
+    console.log(i); // 1, 2, 3, 4, 5
+}
+
+// For...of Loop
+const fruits = ["Apple", "Banana", "Cherry"];
+for (const fruit of fruits) {
+  console.log(fruit); // Apple, Banana, Cherry
+}
+
+// Acceder mediante el índice.
+const colors = ["Red", "Green", "Blue"];
+for (let i = 0; i < colors.length; i++) {
+  console.log(colors[i]); // Red, Green, Blue
+}
+
+// While Loop
+let count = 1;
+while (count <= 3) {
+  console.log(count); // 1, 2, 3
+  count++;
+}
+
+// Do...While Loop
+let num = 1;
+do {
+  console.log(num); // 1, 2, 3
+  num++;
+} while (num <= 3);
+
+// Break Statement
+for (let i = 1; i <= 5; i++) {
+    if (i === 3) break; // detenerse
+    console.log(i); // 1, 2
+}
+
+// Continue Statement
+for (let i = 1; i <= 5; i++) {
+    if (i === 3) continue; // omitir
+    console.log(i); // 1, 2, 4, 5
+ }
+
+// _______________________
+// Manejo de excepciones
+// https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#expresiones_de_manejo_de_excepciones
+
+try {
+    throw "Error"; // Lanza una excepción
+  } catch (e) {
+    console.error(e); // Maneja la excepción
+  } finally {
+    console.log("Este bloque siempre se ejecuta.");
+}
+
+/*
+EJERCICIO:
+* Crea un programa que imprima por consola todos los números comprendidos
+* entre 10 y 55 (incluidos), pares, y que no son ni el 16 ni múltiplos de 3.
+*/
+
+for (let num = 10; num < 56; num++) {
+    if (num % 2 === 0 && num !== 16 && num % 3 !== 0) {
+        console.log(num);
+    }
+}

Roadmap/02 - FUNCIONES Y ALCANCE/javascript/kenysdev.js

@@ -0,0 +1,115 @@
+/*
+_____________________________________
+https://github.com/kenysdev
+2024 - JavaScript
+_______________________________________
+02 FUNCIONES Y ALCANCE
+---------------------------------------
+* - Crea ejemplos de funciones básicas que representen las diferentes
+ *   posibilidades del lenguaje:
+ *   Sin parámetros ni retorno, con uno o varios parámetros, con retorno...
+ * - Comprueba si puedes crear funciones dentro de funciones.
+ * - Utiliza algún ejemplo de funciones ya creadas en el lenguaje.
+ * - Pon a prueba el concepto de variable LOCAL y GLOBAL.
+ * - Debes hacer print por consola del resultado de todos los ejemplos.
+ *   (y tener en cuenta que cada lenguaje puede poseer más o menos posibilidades)
+*/
+
+// ________________________
+// Funciones
+// https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Functions
+
+// Función Básica
+function aMessage() {
+    console.log("Texto");
+}
+
+aMessage(); // Llamar
+
+// Función con Parámetro
+function displayMessage(msgText) {
+    console.log(msgText);
+}
+
+displayMessage("¡Hola mundo!");
+
+// Función con Parámetros Opcionales
+function sumNums(a, b=5) {
+    console.log(a + b)
+}
+
+sumNums(2)
+sumNums(2, 2)
+
+// ________________________
+// Función con retorno
+// https://developer.mozilla.org/es/docs/Learn/JavaScript/Building_blocks/Return_values
+
+function squared(num) {
+    return num * num;
+}
+
+let result = squared(4);
+console.log(result); // 16
+
+// Retorna múltiples datos
+function calculateRectangleProperties(width, height) {
+    return {
+      area: width * height,
+      perimeter: 2 * (width + height)
+    };
+}
+
+const rectangle = calculateRectangleProperties(5, 10);
+console.log(`Área: ${rectangle.area}`);           // Área: 50
+console.log(`Perímetro: ${rectangle.perimeter}`); // Perímetro: 30
+
+// ________________________
+// Funciones anidadas
+function sumOfSquares(a, b) {
+    function square(x) {
+      return x * x;
+    }
+    return square(a) + square(b);
+}
+  
+  console.log(sumOfSquares(2, 3)); // 13
+
+// ________________________
+// ejmp de funcion incorporada
+const maxNumber = Math.max(10, 20, 5, 30);
+console.log(maxNumber); // 30
+
+/* 
+EJERCICIO:
+* Crea una función que reciba dos parámetros de tipo cadena de texto y retorne un número.
+ * - La función imprime todos los números del 1 al 100. Teniendo en cuenta que:
+ *   - Si el número es múltiplo de 3, muestra la cadena de texto del primer parámetro.
+ *   - Si el número es múltiplo de 5, muestra la cadena de texto del segundo parámetro.
+ *   - Si el número es múltiplo de 3 y de 5, muestra las dos cadenas de texto concatenadas.
+ *   - La función retorna el número de veces que se ha impreso el número en lugar de los textos.
+ *
+ * Presta especial atención a la sintaxis que debes utilizar en cada uno de los casos.
+ * Cada lenguaje sigue una convenciones que debes de respetar para que el código se entienda.
+*/
+
+function exs(str1, str2) {
+    nPrintsNums = 0;
+
+    for (let num = 1; num <= 100; num++) {
+        if (num % 3 === 0 && num % 5 === 0) {
+            console.log(str1 + str2);
+        } else if (num % 3 === 0) {
+            console.log(str1);
+        } else if (num % 5 === 0) {
+            console.log(str2);
+        } else {
+            nPrintsNums += 1;
+            console.log(num);
+        }
+    }
+    return nPrintsNums;
+}
+
+pNums = exs(" múltiplo de 3", " múltiplo de 5")
+console.log("Número de veces que se imprimió un número: " + pNums);