Clase 7 Intermedio FINAL | 12/03/2025

Debug, Regex y Testing

Author: mouredev

.gitignore

@@ -0,0 +1 @@
+node_modules/

.vscode/launch.json

@@ -0,0 +1,17 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "Launch Program",
+            "skipFiles": [
+                "<node_internals>/**"
+            ],
+            "program": "${workspaceFolder}/Intermediate/17-debugging.js"
+        }
+    ]
+}

Intermediate/17-debugging.js

@@ -0,0 +1,29 @@
+/*
+Clase 7 - Debug, Regex y Testing (12/03/2025)
+Vídeo: https://www.twitch.tv/videos/2403971237?t=00h21m55s
+*/
+
+// Depuración
+
+// console.log() (básico)
+
+function sum(a, b) {
+    console.log("a:", a)
+    console.log("typeof a:", typeof a)
+    console.log("b:", b)
+    console.log("typeof b:", typeof b)
+    return a + b
+}
+
+console.log(sum(3, "5"))
+
+// Depurador (profesional)
+
+function divide(a, b) {
+    if (b === 0) {
+        throw new Error("No se puede dividir por cero")
+    }
+    return a / b
+}
+
+// console.log(divide(5, 0)) Error

Intermediate/18-debugging-exercises.js

@@ -0,0 +1,8 @@
+/*
+Clase 7 - Debug, Regex y Testing (12/03/2025)
+Vídeo: https://www.twitch.tv/videos/2403971237?t=00h21m55s
+*/
+
+// 1. Crea un código con un error lógico y usa VS Code para encontrarlo
+
+// 2. Experimenta con breakpoints y observa cómo cambia el flujo de ejecución

Intermediate/19-regex.js

@@ -0,0 +1,38 @@
+/*
+Clase 7 - Debug, Regex y Testing (12/03/2025)
+Vídeo: https://www.twitch.tv/videos/2403971237?t=00h21m55s
+*/
+
+// Expresiones regulares
+
+// - Sintaxis
+
+const regex = /abc/
+const regex2 = RegExp("abc")
+const text = "Hola abc JavaScript"
+
+// test: verifica coincidencia con true o false
+
+console.log(regex.test(text))
+console.log(regex2.test(text))
+
+const text2 = "Mi edad es 37"
+const regex3 = /\d/g
+const regex4 = /[4-6]/
+console.log(regex3.test(text2))
+console.log(regex4.test(text2))
+
+// replace: reemplaza el texto que coincide con el patrón
+
+const regex5 = /JavaScript/
+console.log("Hola JavaScript".replace(regex5, "JS"))
+const text3 = "Estoy contando 1 2 3 4 5 6 7"
+console.log(text3.replace(regex3, "[número]"))
+
+// exec: retorna detalles de la coincidencia
+
+console.log(regex3.exec(text3))
+
+while ((match = regex3.exec(text3)) !== null) {
+    console.log(match)
+}

Intermediate/20-regex-exercises.js

@@ -0,0 +1,12 @@
+/*
+Clase 7 - Debug, Regex y Testing (12/03/2025)
+Vídeo: https://www.twitch.tv/videos/2403971237?t=00h21m55s
+*/
+
+// 1. Crea una RegEx que valide correos electrónicos
+
+// 2. Crea una RegEx obtenga Hashtags de un Texto
+
+// 3. Crea una RegEx que valide contraseñas seguras (mínimo 8 caracteres, al menos una letra y un número)
+
+// NOTA: Aplícalas utilizando diferentes operaciones

Intermediate/21-testing.js

@@ -0,0 +1,22 @@
+/*
+Clase 7 - Debug, Regex y Testing (12/03/2025)
+Vídeo: https://www.twitch.tv/videos/2403971237?t=00h21m55s
+*/
+
+// Testing
+
+// - Tipos de testing
+
+// Pruebas unitarias
+
+function sum(a, b) {
+    return a + b
+}
+
+module.exports = sum
+
+console.log(sum(3, 5) === 8)
+
+// Pruebas de integración
+
+// Pruebas end-to-end (E2E)

Intermediate/22-testing.test.js

@@ -0,0 +1,14 @@
+/*
+Clase 7 - Debug, Regex y Testing (12/03/2025)
+Vídeo: https://www.twitch.tv/videos/2403971237?t=00h21m55s
+*/
+
+const sum = require('./21-testing')
+
+test("Suma de 3 + 5 tiene que ser 8", () => {
+    expect(sum(3, 5)).toBe(8)
+})
+
+test("Suma de 3 + 3 tiene que ser 6", () => {
+    expect(sum(3, 4)).toBe(6)
+})

Intermediate/23-testing-exercises.js

@@ -0,0 +1,10 @@
+/*
+Clase 7 - Debug, Regex y Testing (12/03/2025)
+Vídeo: https://www.twitch.tv/videos/2403971237?t=00h21m55s
+*/
+
+// 1. Crea una función isEven(number) que devuelva true si el número es par y false si es impar
+
+// 2. Escribe una prueba en Jest para verificar que la función funciona correctamente
+
+// 3. Verifica que la prueba se ejecuta satisfactoriamente

README.md

@@ -9,14 +9,11 @@
 ### Proyecto realizado durante emisiones en directo desde [Twitch](https://twitch.tv/mouredev)
 > ##### Si consideras útil el curso, apóyalo haciendo "★ Star" en el repositorio. ¡Gracias!
 
-## 🆕 NUEVO: Curso Intermedio [En desarrollo]
+## 🆕 NUEVO: Curso Intermedio [Finalizado]
 
 <a href="https://twitch.tv/mouredev"><img src="./Images/intermediate.jpg" style="height: 50%; width:50%;"/></a>
 
-### Curso de fundamentos intermedio (continuación del desde cero). Nueva clase cada semana.
-
-#### 🔴 PRÓXIMA CLASE EN DIRECTO: Miércoles 12 de marzo a las 20:00h (España) en [Twitch](https://twitch.tv/mouredev) y [YouTube](https://youtube.com/@mouredev)
-#### 🗓️ CONSULTA EL HORARIO POR PAÍS Y CREA UN RECORDATORIO desde [Discord](https://discord.gg/tqsThtGg?event=1347230711693705339)
+### Curso de fundamentos intermedio (continuación del desde cero). 
 
 * Clase 1 [29/01/2025] - Funciones avanzadas
 	* [Vídeo](https://www.twitch.tv/videos/2367024319?t=00h08m45s)
@@ -50,6 +47,12 @@
 	* Ejemplo simple: [HTML](./Intermediate/12-dom-example.html) - [JS](./Intermediate/13-dom-example.js)
 	* Ejemplo lista de tareas: [HTML](./Intermediate/14-tasklist.html) - [JS](./Intermediate/15-tasklist.js)
 	* [Ejercicios](./Intermediate/16-dom-exercises.js)
+  
+* Clase 7 [12/03/2025] - Debug, Regex y Testing
+    * [Vídeo](https://www.twitch.tv/videos/2403971237?t=00h21m55s)
+    * Debug: [Código](./Intermediate/17-debugging.js) - [Ejercicios](./Intermediate/18-debugging-exercises.js)
+    * Regex: [Código](./Intermediate/19-regex.js) - [Ejercicios](./Intermediate/20-regex-exercises.js)
+    * Testing: [Código](./Intermediate/21-testing.js) - [Test](./Intermediate/22-testing.test.js) - [Ejercicios](./Intermediate/23-testing-exercises.js)
 
 ## Clases en vídeo
 
@@ -121,6 +124,8 @@
 * [Guía de estilo](https://google.github.io/styleguide/jsguide.html)
 * Clientes HTTP: [Postman](https://postman.com) | [Apidog](https://apidog.com) | [Thunder Client](https://thunderclient.com)
 * APIs: [JSONPlaceholder](https://jsonplaceholder.typicode.com) | [OpenWeather](https://openweathermap.org) | [PokéAPI](https://pokeapi.co)
+* Expresiones regulares: [Documentación](https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Regular_expressions/Cheatsheet
+) | [Regex101](https://regex101.com/)
 
 ## Únete al campus de programación de la comunidad
 
@@ -139,18 +144,15 @@ Mi idea es que el curso sea desde cero y para principiantes. Pensado para una pe
 
 Si la acogida de la comunidad es buena, seguiré creando cursos más avanzados.
 
-#### ¿Este curso va a continuar?
-Sí, actualmente estoy desarrollando la parte Intermedia. Cada semana una nueva clase en directo.
-
 #### ¿Este curso se va a subir a YouTube?
 
-Sí, una vez finalizado lo editaré y subiré al igual que con la parte Desde Cero. Por el momento podrás encontrar cada una de las clases de manera individual en este repositorio.
+Sí, una vez finalizados, todos los cursos son editados y subidos en bloque a YouTube.
 
 #### ¿Existe algún lugar donde consultar dudas?
 He creado un canal llamado "JavaScript" en el [servidor de Discord](https://discord.gg/mouredev) de la comunidad. Allí puedes consultar dudas y ayudar al resto de miembros. Así nos beneficiamos tod@s.
 
 #### ¿Cómo puedo practicar?
-A medida que avance el curso, crearé ficheros de ejercicios para poner en práctica lo aprendido. También puedes realizar los ejercicios de mi web [retosdeprogramacion.com](https://retosdeprogramacion.com).
+En cada lección encontrarás ejercicios para poner en práctica lo aprendido. También puedes realizar los ejercicios de mi web [retosdeprogramacion.com](https://retosdeprogramacion.com).
 
 ## ![https://mouredev.com](https://raw.githubusercontent.com/mouredev/mouredev/master/mouredev_emote.png) Hola, mi nombre es Brais Moure.
 ### Freelance full-stack iOS & Android engineer