Inicio Explorar Axuda
Iniciar sesión
Smooth-E
/
Web-Dev-For-Beginners
réplica de https://github.com/Smooth-E/Web-Dev-For-Beginners
Seguir 1
Destacar 0
Fork 0
Ficheiros 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 hai 1 ano
..
README.es.md 89233f75e2 Translation issue (paragraph 09) %!s(int64=2) %!d(string=hai) anos
README.fr.md 191c2dbce9 add README.fr.md for 4-typing-game base README %!s(int64=3) %!d(string=hai) anos
README.hi.md a9e12a0bf5 Fixed Markdown Links of Hindi Translations %!s(int64=3) %!d(string=hai) anos
README.it.md 61632c51a5 Ch. 4 italian translation and fixed wrong translations in the quiz app %!s(int64=3) %!d(string=hai) anos
README.ja.md 535f3e2a1c 日本語訳ファイルの修正 %!s(int64=3) %!d(string=hai) anos
README.ko.md 7cc88e740f add typing-game ko translation (WIP) %!s(int64=3) %!d(string=hai) anos
README.ms.md 53db92bb55 translated to Malay %!s(int64=3) %!d(string=hai) anos
README.nl.md d2bd37beb5 Update link to english lesson instead of Italian lesson %!s(int64=2) %!d(string=hai) anos
README.ta.md da6ba7764a Translated all lessons to tamil language and added ta.json as a tamil translation for quizapp (#623) %!s(int64=2) %!d(string=hai) anos
README.uk.md 09af9f8ea5 Add Ukrainian translation for typing-game (#500) %!s(int64=3) %!d(string=hai) anos
README.zh-cn.md 23f4d2a867 doc: translate chapter 4 into simplified Chinese %!s(int64=3) %!d(string=hai) anos
README.zh-tw.md 3ea2c98768 translate lesson 4 to zh-tw %!s(int64=3) %!d(string=hai) anos
READMR.pt-BR.md b4694a0f79 Fixes some links from PT Translations %!s(int64=2) %!d(string=hai) anos

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