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?
Viendo ahora - 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
Preguntas a Desarrolladores Senior: ¿Por qué aprender Desarrollo Web?
Resumen
Construir soluciones que escalen, lleguen a millones de usuarios y sean económicas suena ambicioso, pero es exactamente lo que permite el desarrollo web. En esta conversación con Diego se abordan las razones para aprender esta disciplina, la diferencia entre las dos grandes áreas del desarrollo y los errores que frenan a quienes recién comienzan con JavaScript.
¿Por qué aprender desarrollo web te da superpoderes?
Diego lo resume con claridad: aprender desarrollo web es como adquirir superpoderes [0:11]. La capacidad de crear productos digitales con pocos recursos, que puedan crecer rápidamente y alcanzar a una gran cantidad de usuarios, convierte a esta habilidad en una de las más valiosas del mercado actual. No se necesita una gran inversión inicial; basta con una computadora, un editor de código y un navegador.
El entorno de desarrollo que Diego utiliza es sencillo y accesible [0:03]:
- Una computadora personal.
- VSCode como editor de código.
- El navegador Chrome con su consola abierta.
Este setup demuestra que no hace falta hardware costoso ni herramientas de pago para comenzar a construir para la web.
¿Cuál es la diferencia entre frontend y backend?
Entender la separación entre frontend y backend es fundamental para cualquier persona que se inicie en el desarrollo web [0:27].
- Frontend: es la parte visual con la que interactúan los usuarios. Botones, formularios, animaciones y todo lo que se ve en pantalla pertenece a esta capa.
- Backend: es todo lo que ocurre detrás del escenario. Bases de datos, servidores e infraestructura son responsabilidad de quien trabaja en esta área.
Ambas disciplinas se complementan. Un producto web completo necesita tanto una interfaz atractiva como una lógica robusta que procese y almacene información.
¿Cómo aprovechar la inteligencia artificial para aprender un nuevo lenguaje?
Diego comparte su método actual de aprendizaje, que integra la inteligencia artificial como herramienta central [0:39].
- Usa la IA como un coach o tutor: le pide una lista de temas necesarios para dominar una tecnología.
- Solicita referencias de calidad: libros, cursos y documentación.
- Al momento de escribir código, utiliza Copilot Chat de forma contextual para recibir retroalimentación sobre lo que está haciendo bien o mal.
Este enfoque convierte a la IA en un acompañante de estudio personalizado, no en un atajo para copiar y pegar código sin comprenderlo.
¿Cuál es el error más común al aprender JavaScript?
El error que Diego identifica con más frecuencia en quienes comienzan es saltar directamente a frameworks y librerías sin dominar las bases de JavaScript [1:03]. Herramientas como React, Angular o Vue son poderosas, pero están construidas sobre el lenguaje. Si no se entiende cómo funciona JavaScript en su núcleo —sus tipos de datos, funciones, alcance de variables, asincronía— los problemas aparecerán tarde o temprano.
Tomarte el tiempo de aprender bien el lenguaje base antes de adoptar cualquier herramienta adicional es la inversión que marca la diferencia entre un desarrollo sólido y uno frágil.
Si estás comenzando tu camino en el desarrollo web, comparte cuál ha sido tu mayor reto aprendiendo JavaScript.