Clon de Monkeytype Desde Cero con HTML, CSS y JavaScript

Aprende a crear un clon de Monkeytype desde cero utilizando HTML, CSS y JavaScript puro en este tutorial detallado. En este video estaremos creando Desde Cero el famoso juego Monkeytype, con Vanilla JavaScript, HTML y CSS

00:00:00 - Qué vamos a crear?
00:01:37 - Web y Repo en la desc.
00:05:03 - A mover las manitas
00:05:31 - Estructura HTML
00:08:41 - Aplicando algunos estilos CSS
00:09:38 - Siguiendo con la estructura HTML del juego
00:10:36 - Importando [] con palabras
00:11:12 - Creando el JavaScript: variables iniciales, elementos del DOM
00:12:55 - Función para iniciar el juego
00:22:25 - Estilando el juego
00:24:18 - Creando el timer
00:25:58 - Mostrar la primera palabra activa
00:31:41 - Eventos del teclado
00:41:29 - Estilando las letras para mejorar la UX
00:42:45 - Mover el cursor
00:45:23 - Solucionando el error del cursor en cada espacio
00:48:21 - Game Over si no hay una proxima palabra
00:48:40 - Llegar a la siguiente palabra después de presionar la tecla space
00:50:15 - Avanzar a la siguiente palabra al presionar espacio
00:54:03 - Agregando underline cuando se equivoque el usuario
00:59:04 - Creando el retroceso (limitaciones y más)
01:16:22 - Trabajando con el Game Over
01:23:08 - Creando el Reload

#html #css #javascript 

Clon de Monkeytype Desde Cero con HTML, CSS y JavaScript
1.20 GEEK