Clase 4 | 31/07/2024

Mapas, bucles y funciones

Author: mouredev

Basic/12-map.js

@@ -0,0 +1,67 @@
+/*
+Clase 4 en vídeo | 31/07/2024
+Mapas, bucles y funciones
+https://www.twitch.tv/videos/2212289583?t=00h17m45s
+*/
+
+// Map
+
+// Declaración
+
+let myMap = new Map()
+
+console.log(myMap)
+
+// Inicialiación
+
+myMap = new Map([
+    ["name", "Brais"],
+    ["email", "braismoure@mouredev.com"],
+    ["age", 37]
+])
+
+console.log(myMap)
+
+// Métodos y propiedades
+
+// set
+
+myMap.set("alias", "mouredev")
+myMap.set("name", "Brais Moure")
+
+console.log(myMap)
+
+// get
+
+console.log(myMap.get("name"))
+console.log(myMap.get("surname"))
+
+// has
+
+console.log(myMap.has("surname"))
+console.log(myMap.has("age"))
+
+// delete
+
+myMap.delete("email")
+
+console.log(myMap)
+
+// keys, values y entries
+
+console.log(myMap.keys())
+console.log(myMap.values())
+console.log(myMap.entries())
+
+// size
+
+console.log(myMap.size)
+
+// clear
+
+myMap.clear()
+
+console.log(myMap)
+
+
+

Basic/13-structures-exercises.js

@@ -0,0 +1,25 @@
+/*
+Clase 4 en vídeo | 31/07/2024
+Mapas, bucles y funciones
+https://www.twitch.tv/videos/2212289583?t=00h17m45s
+*/
+
+// 1. Crea un array que almacene cinco animales
+
+// 2. Añade dos más. Uno al principio y otro al final
+
+// 3. Elimina el que se encuentra en tercera posición
+
+// 4. Crea un set que almacene cinco libros
+
+// 5. Añade dos más. Uno de ellos repetido
+
+// 6. Elimina uno concreto a tu elección
+
+// 7. Crea un mapa que asocie el número del mes a su nombre
+
+// 8. Comprueba si el mes número 5 existe en el map e imprime su valor
+
+// 9. Añade al mapa una clave con un array que almacene los meses de verano
+
+// 10. Crea un Array, transfórmalo a un Set y almacénalo en un Map

Basic/14-loops.js

@@ -0,0 +1,80 @@
+/*
+Clase 4 en vídeo | 31/07/2024
+Mapas, bucles y funciones
+https://www.twitch.tv/videos/2212289583?t=00h17m45s
+*/
+
+// Loops o bucles
+
+// for
+
+for (let i = 0; i < 5; i++) {
+    console.log(`Hola ${i}`)
+}
+
+const numbers = [1, 2, 3, 4, 5, 6, 7, 8]
+
+for (let i = 0; i < numbers.length; i++) {
+    console.log(`Elemento: ${numbers[i]}`)
+}
+
+// while
+
+let i = 0
+while (i < 5) {
+    console.log(`Hola ${i}`)
+    i++
+}
+
+// Bucle infinito
+// while(true) {
+// }
+
+// do while
+
+i = 6
+do {
+    console.log(`Hola ${i}`)
+    i++
+} while (i < 5)
+
+// for of
+
+myArray = [1, 2, 3, 4]
+
+mySet = new Set(["Brais", "Moure", "mouredev", 37, true, "braismoure@mouredev.com"])
+
+myMap = new Map([
+    ["name", "Brais"],
+    ["email", "braismoure@mouredev.com"],
+    ["age", 37]
+])
+
+myString = "¡Hola, JavaScript!"
+
+for (let valor of myArray) {
+    console.log(valor)
+}
+
+for (let valor of mySet) {
+    console.log(valor)
+}
+
+for (let valor of myMap) {
+    console.log(valor)
+}
+
+for (let valor of myString) {
+    console.log(valor)
+}
+
+// break y continue
+
+for (let i = 0; i < 10; i++) {
+    if (i == 5) {
+        continue
+    } else if (i == 7) {
+        break
+    }
+    console.log(`Hola ${i}`)
+}

Basic/15-loops-exercises.js

@@ -0,0 +1,27 @@
+/*
+Clase 4 en vídeo | 31/07/2024
+Mapas, bucles y funciones
+https://www.twitch.tv/videos/2212289583?t=00h17m45s
+*/
+
+// NOTA: Explora diferentes sintaxis de bucles para resolver los ejercicios
+
+// 1. Crea un bucle que imprima los números del 1 al 20
+
+// 2. Crea un bucle que sume todos los números del 1 al 100 y muestre el resultado
+
+// 3. Crea un bucle que imprima todos los números pares entre 1 y 50
+
+// 4. Dado un array de nombres, usa un bucle para imprimir cada nombre en la consola
+
+// 5. Escribe un bucle que cuente el número de vocales en una cadena de texto
+
+// 6. Dado un array de números, usa un bucle para multiplicar todos los números y mostrar el producto
+
+// 7. Escribe un bucle que imprima la tabla de multiplicar del 5
+
+// 8. Usa un bucle para invertir una cadena de texto
+
+// 9. Usa un bucle para generar los primeros 10 números de la secuencia de Fibonacci
+
+// 10. Dado un array de números, usa un bucle para crear un nuevo array que contenga solo los números mayores a 10

Basic/16-functions.js

@@ -0,0 +1,118 @@
+/*
+Clase 4 en vídeo | 31/07/2024
+Mapas, bucles y funciones
+https://www.twitch.tv/videos/2212289583?t=00h17m45s
+*/
+
+// Funciones
+
+// Simple
+
+function myFunc() {
+    console.log("¡Hola, función!")
+}
+
+for (let i = 0; i < 5; i++) {
+    myFunc()
+}
+
+// Con parámetros
+
+function myFuncWithParams(name) {
+    console.log(`¡Hola, ${name}!`)
+}
+
+myFuncWithParams("Brais")
+myFuncWithParams("MoureDev")
+
+// Funciones anónimas
+
+const myFunc2 = function (name) {
+    console.log(`¡Hola, ${name}!`)
+}
+
+myFunc2("Brais Moure")
+
+// Arrow functions
+
+const myFunc3 = (name) => {
+    console.log(`¡Hola, ${name}!`)
+}
+
+const myFunc4 = (name) => console.log(`¡Hola, ${name}!`)
+
+myFunc3("Brais Moure")
+myFunc4("Brais Moure")
+
+// Parámetros
+
+function sum(a, b) {
+    console.log(a + b)
+}
+
+sum(5, 10)
+sum(5)
+sum()
+
+function defaultSum(a = 0, b = 0) {
+    console.log(a + b)
+}
+
+// Por defecto
+
+defaultSum()
+defaultSum(5)
+defaultSum(5, 10)
+defaultSum(b = 5)
+
+// Retorno de valores
+
+function mult(a, b) {
+    return a * b
+}
+
+let result = mult(5, 10)
+console.log(result)
+
+// Funciones anidadas
+
+function extern() {
+    console.log("Función externa")
+    function intern() {
+        console.log("Función interna")
+    }
+    intern()
+}
+
+extern()
+// intern() Error: fuera del scope
+
+// Funciones de orden superior
+
+function applyFunc(func, param) {
+    func(param)
+}
+
+applyFunc(myFunc4, "función de orden superior")
+
+// forEach
+
+myArray = [1, 2, 3, 4]
+
+mySet = new Set(["Brais", "Moure", "mouredev", 37, true, "braismoure@mouredev.com"])
+
+myMap = new Map([
+    ["name", "Brais"],
+    ["email", "braismoure@mouredev.com"],
+    ["age", 37]
+])
+
+myArray.forEach(function (value) {
+    console.log(value)
+})
+
+myArray.forEach((value) => console.log(value))
+
+mySet.forEach((value) => console.log(value))
+
+myMap.forEach((value) => console.log(value))

Basic/17-functions-exercises.js

@@ -0,0 +1,27 @@
+/*
+Clase 4 en vídeo | 31/07/2024
+Mapas, bucles y funciones
+https://www.twitch.tv/videos/2212289583?t=00h17m45s
+*/
+
+// NOTA: Explora diferentes sintaxis de funciones para resolver los ejercicios
+
+// 1. Crea una función que reciba dos números y devuelva su suma
+
+// 2. Crea una función que reciba un array de números y devuelva el mayor de ellos
+
+// 3. Crea una función que reciba un string y devuelva el número de vocales que contiene
+
+// 4. Crea una función que reciba un array de strings y devuelva un nuevo array con las strings en mayúsculas
+
+// 5. Crea una función que reciba un número y devuelva true si es primo, y false en caso contrario
+
+// 6. Crea una función que reciba dos arrays y devuelva un nuevo array que contenga los elementos comunes entre ambos
+
+// 7. Crea una función que reciba un array de números y devuelva la suma de todos los números pares
+
+// 8. Crea una función que reciba un array de números y devuelva un nuevo array con cada número elevado al cuadrado
+
+// 9. Crea una función que reciba una cadena de texto y devuelva la misma cadena con las palabras en orden inverso
+
+// 10. Crea una función que calcule el factorial de un número dado

README.md

@@ -11,8 +11,8 @@
 
 ## Próxima clase
 
-### Miércoles 31 de julio a las 20:00h (España) en directo desde [Twitch](https://twitch.tv/mouredev)
-#### Puedes crear un recordatorio y consultar el horario en tu país desde [Discord](https://discord.gg/mouredev?event=1265768501356794037)
+### Miércoles 7 de agosto a las 20:00h (España) en directo desde [Twitch](https://twitch.tv/mouredev)
+#### Puedes crear un recordatorio y consultar el horario en tu país desde [Discord](https://discord.gg/ZZ98qNuV?event=1268298731183411200)
 
 ## Clases en vídeo
 
@@ -43,6 +43,17 @@ Código:
 * [10 - Array](./Basic/10-array.js)
 * [11 - Set](./Basic/11-set.js)
 
+#### [CLASE 4 | 31/07/2024 | Mapas, bucles y funciones](https://www.twitch.tv/videos/2212289583?t=00h17m45s)
+
+Código:
+
+* [12 - Map](./Basic/12-map.js)
+* [13 - Ejercicios: Estructuras](./Basic/13-structures-exercises.js)
+* [14 - Bucles](./Basic/14-loops.js)
+* [15 - Ejercicios: Bucles](./Basic/15-loops-exercises.js)
+* [16 - Funciones](./Basic/16-functions.js)
+* [17 - Ejercicios: Funciones](./Basic/17-functions-exercises.js)
+
 ## Enlaces de interés
 
 * Impacto: [Stack Overflow](https://survey.stackoverflow.co/2023/#most-popular-technologies-language) | [GitHub](https://github.blog/2023-11-08-the-state-of-open-source-and-ai/) | [Índice TIOBE](https://www.tiobe.com/tiobe-index/) | [Google Trends](https://trends.google.es/trends/explore?cat=5&date=today%205-y&q=%2Fm%2F02p97,%2Fm%2F05z1_,%2Fm%2F07sbkfb&hl=es)