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
Viendo ahora - 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: Adivina el número
Resumen
¿Cómo crear un juego de adivinanza en JavaScript?
La creación de un juego de adivinanza en JavaScript es una gran manera de familiarizarse con las estructuras de control y las funciones del lenguaje. Aquí te mostraremos cómo implementar un juego sencillo en el que tendrás que adivinar un número secreto generado al azar.
¿Qué funciones necesitamos?
Para nuestro juego, utilizaremos las funciones Math.floor y Math.random de JavaScript. Estas funciones son esenciales para generar un número aleatorio dentro de un rango específico.
Math.random(): Retorna un número decimal aleatorio entre 0 (inclusive) y 1 (exclusivo).Math.floor(x): Redondea el númeroxhacia abajo al entero más cercano.
Juntas, estas funciones nos permiten crear un número aleatorio dentro de un rango definido. Aquí definiremos ese rango de 1 a 10.
const numeroSecreto = Math.floor(Math.random() * 10) + 1;
¿Cómo capturar las propuestas del jugador?
Para capturar las propuestas del jugador, usaremos prompt y parseInt. El método prompt solicita al usuario que ingrese un dato, mientras que parseInt convierte ese dato de texto en un número entero.
let numeroJugador = parseInt(prompt("Adivina el número secreto entre 1 y 10"));
¿Cómo validar las propuestas?
La validación se realizará usando una estructura if-else. Esto nos permite evaluar las propuestas del jugador y dar retroalimentación acorde:
console.log("Este es el número con el que juega: " + numeroJugador); if (numeroJugador === numeroSecreto) { console.log("Felicidades, adivinaste el número secreto."); } else if (numeroJugador < numeroSecreto) { console.log("El número es demasiado bajo. Intenta de nuevo."); } else { console.log("El número es demasiado alto. Intenta de nuevo."); }
¿Cómo perfeccionar el juego?
El código anterior es un pequeño juego básico que puedes mejorar:
- Incorporar Bucles: Puedes usar un bucle para permitir múltiples intentos hasta que el jugador adivine el número correcto.
- Agregar Lógica de Puntuación: Haz un seguimiento de los intentos y ofrece una puntuación al final.
- Expandir Rangos: Permite al jugador seleccionar el rango del número secreto para aumentar la dificultad.
Principales Retos y Consejos
- Validación de Entrada: Asegúrate de manejar respuestas que no son números (usando
isNaN) y proveer mensajes claros. - Iteración y Optimización: Intenta mejorar tu código con técnicas adicionales, como la declaración de funciones para modularizar el proceso.
- Prueba y Error: Juega varias veces para comprobar la lógica de tu código y asegúrate de cubrir todos los posibles casos de uso.
Continúa explorando las maravillas de la programación con juegos así de sencillos. ¡Con cada ajuste y prueba, te acercarás más a dominar JavaScript!