Contenido del curso
Primeros Pasos
- 5

¡Hola Mundo!
06:13 min - 6

Anatomía de una variable
09:23 min - 7

Tipos de datos: Mutabilidad e inmutabilidad
10:55 min - 8

Paso por valor
11:06 min - 9

Paso por referencia
07:00 min - 10

Creación de strings
11:33 min - 11

Concatenación de strings
08:31 min - 12

Manipulación de strings
12:13 min - 13

Tipo de dato primitivo: number
09:30 min - 14

Conversión a Booleanos
05:08 min - 15

Tipos de datos primitivos: null, undefined, symbol y bigint
07:28 min - 16

Conversión de tipos: Type Casting y Coercion
04:38 min - 17

Conversión de tipos explícita e implícita
12:20 min - 18

Proyecto: Crea un perfil para redes sociales con JavaScript
07:23 min
Funciones y This
- 19

Anatomía de una función
11:39 min - 20

Preguntas a Desarrolladores Senior: ¿Por qué aprender Desarrollo Web?
02:11 min - 21

Funciones vs Métodos
10:01 min - 22

Funciones puras e impuras
11:22 min - 23

Identificador this
11:38 min - 24

Métodos bind, call y apply
10:09 min - 25

Funciones flecha y enlace léxico
10:31 min - 26

Implicaciones de duplicar código
03:19 min - 27

Funciones constructoras
10:41 min - 28

10 Tipos de funciones
01:39 min - 29

Objeto window y modo estricto
07:37 min - 30

Tipos de binding
01:11 min - 31

Expresiones vs Sentencias
04:02 min - 32

Proyecto: Crea biografías de personajes con JavaScript
12:51 min
Lógica y ciclos
- 33

Operadores de comparación
06:12 min - 34

Operadores lógicos
04:33 min - 35

Ejecución condicional: if
07:45 min - 36

Proyecto: Adivina el número
09:36 min - 37

Ejecución condicional: ternario
05:24 min - 38

Ejecución condicional: switch
12:08 min - 39

Loop: for
07:31 min - 40

Loop: forEach
03:57 min - 41

Loop: for of
04:26 min - 42

Loop: for in
07:38 min - 43

Loop: while
03:56 min - 44

Loop: do while
03:13 min - 45

Proyecto: Juego adivina la palabra
15:56 min
Fundamentos de arrays y modificación
- 46

Introducción a Arrays
09:09 min - 47

Mutabilidad e inmutabiliad de Arrays
07:56 min - 48

Modificación básica del final con push(), pop()
04:33 min - 49

Ejercicio: Stack de libros
16:03 min - 50

Modificación del principio con shift(), unshift()
10:21 min - 51

Modificación avanzada con splice(), reverse(), sort(), fill()
16:37 min - 52

Proyecto: Juego de cartas
15:37 min - 53

Preguntas a Desarrolladores Senior: Estrategias y métodos de estudio
01:10 min
Iteración de Arrays
- 54

Iteración con map() y forEach()
12:53 min - 55

Filtrado y reducción con filter() y reduce()
11:34 min - 56

Ejercicio: Calificación promedio aprobatoria
05:27 min - 57

Búsqueda de elementos con find() y findIndex()
03:52 min - 58

Ejercicio: Encuentra al ganador de una rifa
11:21 min - 59

Proyecto: Análisis de transacciones
10:55 min - 60

Proyecto: Análisis de transacciones parte 2
Viendo ahora
Métodos específicos y Operaciones
- 61

Unir y entrelazar con concat(), spread operator y join()
12:05 min - 62

Verificación y evaluación con every() y some()
05:15 min - 63

Métodos de búsqueda con includes(), indexOf() y lastIndexOf()
07:05 min - 64

Ejercicio: Encontrando los índices
11:09 min - 65

Crear copias con slice()
05:28 min - 66

Spread operator: casos de uso
07:11 min
Arrays multidimencionales
Clases y Objetos
- 71

Anatomia de un Objeto
06:48 min - 72

Trabajando con objetos
12:52 min - 73

Función constructora
14:31 min - 74

¿Qué es una clase?
06:17 min - 75

Prototipos y herencias
02:15 min - 76

Herencia en la práctica
15:38 min - 77

Prototipos en la práctica
10:42 min - 78

this en JavaScript
05:36 min - 79

Proyecto: Crea una red social
12:25 min - 80

Proyecto: Crea una red social parte 2
09:00 min
Proyecto: Análisis de transacciones parte 2
Resumen
¿Cómo encontrar una transacción específica por su descripción?
Para localizar una transacción específica a partir de su descripción, utilizaremos el método find en JavaScript. Este método facilita la búsqueda entre elementos de un array, retornando aquel que cumpla con una determinada condición. En este ejercicio, tenemos un array de transacciones, cada una con un ID, descripción y monto. El objetivo es hallar una transacción a partir de una descripción dada.
// Comentario para indicar el inicio del código // Encuentra una transacción por descripción const specificTransaction = transacciones.find(transaccion => transaccion.descripcion === 'Descripción deseada'); console.log('Specific Transaction: ', specificTransaction);
En este fragmento, hemos definido la variable specificTransaction, que almacenará la transacción coincidente. Luego, imprimimos esta transacción en la consola para verificar el resultado.
¿Cómo encontrar el índice de una transacción por monto?
Ahora, continuaremos con la búsqueda del índice de una transacción basada en su monto usando el método findIndex. Este método regresa el índice del primer elemento del array que cumple con la condición especificada.
// Encuentra el índice de una transacción por monto const indexTransactionWithAmount = transacciones.findIndex(transaccion => transaccion.monto === -30); console.log('Index of Transaction with Amount -30: ', indexTransactionWithAmount);
Aquí, hemos creado una variable indexTransactionWithAmount donde almacenamos el índice de la transacción con un monto de -30. Posteriormente, visualizamos este índice en la consola.
¿Cómo actualizar las descripciones de las transacciones?
Para poner al día las descripciones de las transacciones, utilizamos el método forEach. Este método itera sobre cada elemento de un array, permitiendo aplicar modificaciones individuales. Actualizaremos las descripciones basándonos en si el monto es positivo o negativo.
// Actualiza las descripciones de las transacciones transacciones.forEach(transaction => { if (transaction.monto < 0) { transaction.descripcion = `Expense: ${transaction.descripcion}`; } else { transaction.descripcion = `Income: ${transaction.descripcion}`; } }); console.log('Updated Transactions: ', transacciones);
En este código se actualizan las descripciones con un prefijo de "Expense" para transacciones con un monto negativo y "Income" para las positivas. Finalmente, se imprime en la consola el array de transacciones actualizado para ver el resultado de los cambios.
¡Anímate a seguir practicando! Este tipo de ejercicios no solo te ayudan a afianzar tus conocimientos en programación, sino que también te proveen herramientas poderosas para manipular datos y extraer información de manera eficaz. Si estás interesado en explorar más sobre métodos de JavaScript o en profundizar tus habilidades en programación, no dudes en continuar aprendiendo y experimentando.