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
Viendo ahora
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
08:01 min
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: Crea un perfil para redes sociales con JavaScript
Resumen
Aprender los tipos de datos primitivos en JavaScript cobra mucho más sentido cuando los aplicas a algo tangible. En este ejercicio construirás una biografía personalizada para redes sociales utilizando strings, números, booleanos, objetos, arrays y template literals, todo en un solo script que puedes ejecutar con Node.
¿Cómo organizar la información del usuario con variables?
El primer paso es declarar las variables que representan la información básica del perfil. Cada una utiliza un tipo de dato diferente [0:20]:
- Username: un string con comillas simples que funciona como nombre de usuario, por ejemplo
'codingAdventure'. - Full name: otro string con el nombre completo, como
'John Doe'. - Age: un número entero que representa la edad, por ejemplo
25. - isStudent: un booleano (
trueofalse) que responde si la persona es estudiante.
Una buena práctica al nombrar booleanos es anteponer la palabra is al nombre de la variable. Así, isStudent comunica de inmediato que el valor será verdadero o falso.
¿Cómo representar la dirección con un objeto?
Para agrupar datos relacionados se utiliza un objeto. La dirección se almacena dentro de const address con propiedades como street, city, state y zipCode [1:20]:
javascript const address = { street: '123 Main Street', city: 'Techville', state: 'CodingLand', zipCode: 54321 };
Cada propiedad de texto es un string y el código postal es un número entero. Acceder a un valor específico es tan simple como escribir address.city.
¿Para qué sirve un array de hobbies?
Los hobbies se guardan en un array, una estructura que permite almacenar múltiples valores en una sola variable [1:55]:
javascript const hobbies = ['coding', 'reading', 'gaming'];
Más adelante verás cómo convertir ese array en texto legible gracias al método .join().
¿Cómo construir la biografía con template literals?
Los template literals son cadenas de texto delimitadas por comillas invertidas (`) que permiten insertar expresiones directamente con ${} [2:25]. Así se arma la biografía:
javascript
const personalizedBio = Hi! I am ${fullName}. I am ${age} years old. I live in ${address.city}. I love ${hobbies.join(', ')}. Follow me for coding adventures!;
Dentro de cada ${} puedes colocar variables, acceder a propiedades de objetos e incluso ejecutar métodos.
¿Qué hace el método .join() en un array?
El método .join() convierte un array en un string uniendo sus elementos con el separador que indiques [2:55]. Al escribir hobbies.join(', ') el resultado será coding, reading, gaming en lugar de la representación cruda del array. Es una forma limpia de mostrar listas dentro de un texto.
¿Cómo imprimir el resultado en la consola?
Una vez construida la biografía solo necesitas console.log() para visualizarla [3:30]:
javascript console.log(personalizedBio);
Al ejecutar el archivo con node en la terminal, el resultado será algo como:
Hi! I am John Doe.
I am 25 years old.
I live in Techville.
I love coding, reading, gaming.
Follow me for coding adventures!
En un ejercicio corto se combinaron cinco tipos de datos: string, number, boolean, objeto y array, además de una herramienta fundamental como los template literals. Comparte en los comentarios cómo quedó tu propia biografía y qué datos adicionales decidiste incluir.