Hecho para programar
Escribe código más rápido
Un programa de mecanografía pensado para programar: practicas sintaxis real de HTML, CSS y JavaScript en lugar de textos en prosa.
const result = await fetch(url);Por qué escribir código es distinto
Al programar usas caracteres que los cursos de mecanografía habituales casi no practican.
Símbolos en los teclados español y latinoamericano
Las dos distribuciones en español esconden algunos de los símbolos que más se usan al programar detrás de Alt Gr, la tecla a la derecha de la barra espaciadora, y no los colocan en el mismo sitio. Estos son los desplazamientos que más frenan al escribir código.
- Llaves en el teclado español: Alt Gr + la tecla ´ (a la derecha de la Ñ) para
{y Alt Gr + Ç para}. En el latinoamericano no hace falta Alt Gr:{es la tecla a la derecha de la Ñ y}la tecla junto a Enter. - Corchetes en el teclado español: Alt Gr + la tecla
(a la derecha de la P) para[y Alt Gr + la tecla + para]. En el latinoamericano, Mayús + esas mismas teclas de las llaves: Mayús +{da[y Mayús +}da]`. - Barra invertida y barra vertical en el teclado español: Alt Gr + º (a la izquierda del 1) para
\y Alt Gr + 1 para|. En el latinoamericano,|es la tecla a la izquierda del 1, sin modificador, y\es Alt Gr + la tecla ' (a la derecha del 0). - Arroba: Alt Gr + 2 en el teclado español y Alt Gr + Q en el latinoamericano. Almohadilla
#: Alt Gr + 3 en el español y Mayús + 3 en el latinoamericano. Virgulilla~: Alt Gr + 4 en el español y Alt Gr + la tecla + en el latinoamericano. - En los dos: los paréntesis son Mayús + 8 y 9, el signo igual es Mayús + 0,
/es Mayús + 7 y&es Mayús + 6; punto y coma y dos puntos van con Mayús + coma y Mayús + punto. Para=>escribes Mayús + 0 y luego Mayús + la tecla<(a la izquierda de la Z). - Comilla invertida: en el teclado español es la tecla
a la derecha de la P; en el latinoamericano, Alt Gr + la tecla}`. En los dos es una tecla muerta: el carácter aparece cuando presionas la barra espaciadora después.
Por eso muchas personas que programan cambian a la distribución de EE. UU. (QWERTY): ahí llaves, corchetes y barra invertida van sin Alt Gr, pero la ñ, las tildes y los signos ¿ y ¡ dejan de estar a mano. Aquí funcionan todas, porque los ejercicios solo muestran los caracteres: escribes con la distribución que tengas configurada en tu sistema. Encontrarás la comparación en QWERTY, la familia a la que pertenecen las dos distribuciones en español.
Lenguajes disponibles
Practica en los lenguajes que de verdad usas.
HTML5
DisponiblePractica etiquetas, atributos, entidades y la estructura del documento. Lleva a la memoria muscular los signos de menor y mayor, las comillas y las etiquetas de cierre.
CSS3
DisponibleEscribe selectores, propiedades, valores y media queries. Entrena los dos puntos, los puntos y coma, las llaves y unidades como px, rem y %.
JavaScript (ES6)
DisponiblePractica la sintaxis moderna de JavaScript: funciones flecha, plantillas literales, desestructuración, async/await y patrones de API habituales.
TypeScript
PróximamenteAnotaciones de tipo, interfaces, genéricos y guardas de tipo: toda la sintaxis que TypeScript agrega a JavaScript.
Python
PróximamentePractica la sintaxis de Python: estructura por sangría, listas por comprensión, f-strings, decoradores y patrones habituales de las bibliotecas.
Por qué quienes programan practican escritura de código
Menos errores de tecleo = menos bugs
Los errores de sintaxis por caracteres mal escritos son una de las fuentes de bugs más comunes. Cuando escribes código con precisión y de memoria, pierdes menos tiempo buscando puntos y coma que faltan, llaves sin cerrar y nombres de variables mal escritos.
Escribir más rápido = trabajar mejor
Quien programa pasa en promedio de 4 a 6 horas al día escribiendo y editando código. Incluso un 20 % más de velocidad se traduce en un ahorro de tiempo notable. Y, sobre todo, escribir rápido te mantiene en ese estado de concentración en el que las ideas pasan directamente a código.
Sintaxis real, no prosa
Los cursos de mecanografía habituales enseñan a escribir frases. Pero el código no es español. Necesitas escribir rápido { }, [ ], ( ), =>, ===, &&, || y decenas de patrones más, muchos con Alt Gr en los teclados en español. Nuestros ejercicios usan código real, así que practicas justo lo que importa.
Cómo funciona
Elige un lenguaje
Elige HTML, CSS o JavaScript. Cada curso se centra en la sintaxis y los patrones propios de ese lenguaje.
Escribe código real
Cada ejercicio muestra un fragmento de código real. Lo escribes exactamente como aparece y te acostumbras a la sintaxis que usas cada día.
Sigue tu velocidad
Después de cada ejercicio ves tu velocidad en PPM y CPM y tu precisión. Así notas cómo escribes código más rápido a medida que los caracteres especiales se vuelven automáticos.
Preguntas frecuentes
¿Por qué la mecanografía es distinta para programadores?
Programar exige usar a cada momento caracteres especiales como paréntesis, corchetes, llaves, puntos y coma, flechas y operadores, que casi no aparecen en un texto normal. Los cursos de mecanografía habituales se centran en las letras y los signos de puntuación comunes, y justo los caracteres que más usas en el código se quedan sin practicar. La práctica de escritura de código entrena precisamente esos patrones.
¿Qué lenguajes de programación puedo practicar?
Por ahora, The Typing Cat ofrece cursos de escritura de código para HTML5, CSS3 y JavaScript (ES6). Los cursos de TypeScript y Python están en desarrollo. Cada curso usa sintaxis real y patrones habituales del lenguaje, así que practicas exactamente lo que escribes cada día.
¿Para programar es mejor el teclado español, el latinoamericano o el de EE. UU.?
Los tres funcionan. En el teclado español, llaves, corchetes, barra invertida y @ van con Alt Gr. El latinoamericano tiene las llaves sin modificador y los corchetes con Mayús, pero la barra invertida y la @ siguen con Alt Gr. La distribución de EE. UU. pone todos esos símbolos sin Alt Gr, a cambio de perder la ñ y las tildes. Si escribes mucho en español, quédate con tu distribución y practica sus combinaciones; si casi solo escribes código, la de EE. UU. te deja los símbolos más a mano.
¿Escribir más rápido me hace programar mejor?
La velocidad sola no mejora tu código, pero elimina un cuello de botella. Cuando escribir no cuesta esfuerzo, te concentras por completo en resolver el problema en lugar de buscar teclas. Menos errores de tecleo también significan menos errores de sintaxis, una depuración más rápida y más concentración.
¿A qué velocidad escriben quienes programan?
La mayoría de quienes programan profesionalmente escriben texto normal a 50–70 PPM (250–350 CPM). Con código suelen ser un 30–50 % más lentos, por los caracteres especiales y los patrones poco habituales. Practicar ejercicios específicos de código puede reducir mucho esa diferencia y acercar tu velocidad con código a tu velocidad con texto.
¿Puedo usar los ejercicios con mi distribución de teclado?
Sí. Los ejercicios funcionan con cualquier distribución de teclado: española, latinoamericana, QWERTY, Dvorak, Colemak u otras. Muestran los caracteres que debes escribir, y tú usas la distribución que tengas configurada en tu sistema. Encontrarás más en la guía de distribuciones de teclado.
Escribe código más rápido
Miles de personas que programan ya escriben código más rápido. El test de mecanografía es gratis y no necesitas cuenta.