Kezdőlap Felfedezés Súgó
Bejelentkezés
Smooth-E
/
Web-Dev-For-Beginners
tükrözi: https://github.com/Smooth-E/Web-Dev-For-Beginners
Figyelés 1
Kedvenc 0
Másolás 0
Fájlok Problémák 0
Branch: main
Branch-ok Tag-ek
Web-Dev-For-...
/
4-typing-game
/
translations
Sara Gibbons 9205cc3f8b Merge pull request #890 from phalopes/fix/adjusts_pt_README_translation 1 éve
..
README.es.md 89233f75e2 Translation issue (paragraph 09) 2 éve
README.fr.md 191c2dbce9 add README.fr.md for 4-typing-game base README 3 éve
README.hi.md a9e12a0bf5 Fixed Markdown Links of Hindi Translations 3 éve
README.it.md 61632c51a5 Ch. 4 italian translation and fixed wrong translations in the quiz app 3 éve
README.ja.md 535f3e2a1c 日本語訳ファイルの修正 3 éve
README.ko.md 7cc88e740f add typing-game ko translation (WIP) 3 éve
README.ms.md 53db92bb55 translated to Malay 3 éve
README.nl.md d2bd37beb5 Update link to english lesson instead of Italian lesson 2 éve
README.ta.md da6ba7764a Translated all lessons to tamil language and added ta.json as a tamil translation for quizapp (#623) 2 éve
README.uk.md 09af9f8ea5 Add Ukrainian translation for typing-game (#500) 3 éve
README.zh-cn.md 23f4d2a867 doc: translate chapter 4 into simplified Chinese 3 éve
README.zh-tw.md 3ea2c98768 translate lesson 4 to zh-tw 3 éve
READMR.pt-BR.md b4694a0f79 Fixes some links from PT Translations 2 éve

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