Inicio Explorar Ayuda
Iniciar sesión
Smooth-E
/
Web-Dev-For-Beginners
espejo de https://github.com/Smooth-E/Web-Dev-For-Beginners
Seguir 1
Destacar 0
Fork 0
Archivos Incidencias 0
Rama: main
Ramas Etiquetas
Web-Dev-For-...
/
4-typing-game
/
translations
Sara Gibbons 9205cc3f8b Merge pull request #890 from phalopes/fix/adjusts_pt_README_translation hace 1 año
..
README.es.md 89233f75e2 Translation issue (paragraph 09) hace 2 años
README.fr.md 191c2dbce9 add README.fr.md for 4-typing-game base README hace 3 años
README.hi.md a9e12a0bf5 Fixed Markdown Links of Hindi Translations hace 3 años
README.it.md 61632c51a5 Ch. 4 italian translation and fixed wrong translations in the quiz app hace 3 años
README.ja.md 535f3e2a1c 日本語訳ファイルの修正 hace 3 años
README.ko.md 7cc88e740f add typing-game ko translation (WIP) hace 3 años
README.ms.md 53db92bb55 translated to Malay hace 3 años
README.nl.md d2bd37beb5 Update link to english lesson instead of Italian lesson hace 2 años
README.ta.md da6ba7764a Translated all lessons to tamil language and added ta.json as a tamil translation for quizapp (#623) hace 2 años
README.uk.md 09af9f8ea5 Add Ukrainian translation for typing-game (#500) hace 3 años
README.zh-cn.md 23f4d2a867 doc: translate chapter 4 into simplified Chinese hace 3 años
README.zh-tw.md 3ea2c98768 translate lesson 4 to zh-tw hace 3 años
READMR.pt-BR.md b4694a0f79 Fixes some links from PT Translations hace 2 años

README.es.md

Programación basada en Eventos - Construye un juego de Mecanografía

Introducción

Escribir es una de las habilidades más subestimadas de los desarrolladores. La capacidad de poder transmitir rápidamente pensamientos de su cabeza a su editor permite que la creatividad fluya libremente. ¡Una de las mejores formas de aprender es jugando un juego!

Entonces, ¡construyamos un juego de mecanografía!

Utilizará las habilidades de JavaScript, HTML y CSS que ha aprendido hasta ahora para crear este juego. El mismo le mostrará al jugador una cita aleatoria (estamos usando las citas de Sherlock Holmes) y el tiempo que tarda el jugador en escribirlo con precisión.

demo

Requisitos

Esta lección asume que está familiarizado con los siguientes conceptos:

  • Crear entradas de texto y botones
  • CSS y estilos por clases
  • JavaScript básico
    • Creación de array
    • Crear números de manera aleatoria (random)
    • Obtener la hora actual

Lección

Creación de un juego de mecanografía mediante eventos

Creditos

Escrito con ♥️ por Christopher Harrison