Feito para quem programa
Digite código mais rápido
Um tutor de digitação feito para programação: você pratica sintaxe de verdade de HTML, CSS e JavaScript em vez de texto corrido em português.
const result = await fetch(url);Por que digitar código é diferente
Programar usa caracteres que os cursos de digitação comuns nunca ensinam.
Símbolos no ABNT2: onde cada um fica
No teclado ABNT2, alguns dos caracteres que a programação mais usa ficam em lugares diferentes do teclado americano, e dois deles dependem de uma tecla que muitos notebooks nem têm. São esses alcances que mais atrasam ao digitar código.
- Colchetes e chaves:
[fica à direita do acento agudo, depois do P, e]na linha do meio, à direita do til, ao lado do Enter;{e}são Shift+[ e Shift+]. - Parênteses: Shift+9 e Shift+0. Igual e mais: a tecla
=fica no fim da linha dos números, e+é Shift+=. - Barra e interrogação:
/e?ficam na tecla ao lado do Shift direito. Notebooks sem essa tecla usam AltGr+Q para/e AltGr+W para?. - Barra invertida e pipe:
\fica na tecla ao lado do Shift esquerdo, à esquerda do Z;|é Shift nessa mesma tecla. - Ponto e vírgula e dois-pontos:
;tem tecla própria, à direita do ponto, e:é Shift+;. Menor e maior: Shift+, e Shift+. — para=>você digita=e depois Shift+. - Aspas:
'fica na tecla à esquerda do 1, e"é Shift nessa tecla; no ABNT2 elas não são teclas mortas. A crase (backtick) é Shift+´, uma tecla morta — o caractere só aparece depois que você pressiona a barra de espaço. O til (~) e o circunflexo (Shift+~) funcionam do mesmo jeito.
Muita gente que programa no Brasil usa o teclado americano internacional: nele, [ ] { } \ | / ? ficam em teclas próprias, sem AltGr, mas o ç vira ' + c, e as aspas e o apóstrofo passam a ser teclas mortas — um incômodo para quem digita strings o dia todo. Os dois funcionam aqui: os exercícios só mostram os caracteres, e você digita com o layout configurado no seu sistema. Compare em layouts de teclado e na página do QWERTY.
Linguagens disponíveis
Pratique nas linguagens que você realmente usa.
HTML5
DisponívelPratique tags, atributos, entidades e a estrutura do documento. Leve para a memória muscular os sinais de menor e maior, as aspas e as tags de fechamento.
CSS3
DisponívelDigite seletores, propriedades, valores e media queries. Treine dois-pontos, ponto e vírgula, chaves e unidades como px, rem e %.
JavaScript (ES6)
DisponívelPratique a sintaxe moderna do JavaScript: arrow functions, template literals, desestruturação, async/await e padrões comuns de API.
TypeScript
Em breveAnotações de tipo, interfaces, generics e type guards — toda a sintaxe que o TypeScript acrescenta ao JavaScript.
Python
Em brevePratique a sintaxe do Python: estrutura por indentação, list comprehensions, f-strings, decoradores e padrões comuns das bibliotecas.
Por que quem programa pratica digitação de código
Menos erros de digitação = menos bugs
Erros de sintaxe por caracteres digitados errado estão entre as fontes mais comuns de bugs. Quando você digita código com precisão, de memória muscular, gasta menos tempo caçando ponto e vírgula esquecido, colchete aberto e nome de variável escrito errado.
Digitar mais rápido = produzir mais
Quem programa passa em média de 4 a 6 horas por dia escrevendo e editando código. Até 20% a mais de velocidade de digitação já economiza um tempo que se nota. Mais importante: digitar rápido mantém você no fluxo, em que as ideias viram código direto.
Sintaxe de verdade, não texto corrido
Os cursos de digitação comuns ensinam a digitar frases. Mas código não é português. Você precisa ser rápido com { }, [ ], ( ), =>, ===, &&, || e dezenas de outros padrões — no ABNT2, vários deles com Shift ou AltGr. Nossos exercícios usam código de verdade, então você pratica exatamente o que importa.
Como funciona
Escolha uma linguagem
Escolha HTML, CSS ou JavaScript. Cada curso se concentra na sintaxe e nos padrões próprios daquela linguagem.
Digite código de verdade
Cada exercício mostra um trecho de código real. Você o digita exatamente como está, ganhando familiaridade com a sintaxe que usa todo dia.
Acompanhe sua velocidade
Veja seu PPM e sua precisão em cada exercício. Perceba sua digitação de código acelerar conforme os caracteres especiais viram segunda natureza.
Perguntas frequentes
Por que a prática de digitação é diferente para quem programa?
Programar exige o uso constante de caracteres especiais — colchetes, chaves, ponto e vírgula, setas e operadores — que quase não aparecem em texto comum. Os cursos de digitação padrão se concentram em letras e na pontuação de sempre, e deixam de fora justamente os caracteres que quem programa mais usa. A prática de digitação de código treina exatamente esses padrões.
Que linguagens posso praticar?
Hoje, The Typing Cat tem cursos de digitação de código para HTML5, CSS3 e JavaScript (ES6). Os cursos de TypeScript e Python estão em desenvolvimento. Cada curso usa sintaxe de verdade e padrões comuns da linguagem, então você pratica exatamente o que escreve todo dia.
Teclado ABNT2 ou americano para programar?
Os dois funcionam. No ABNT2 você tem o ç em tecla própria e os acentos à mão, [ { ficam logo depois do acento agudo e ] } ao lado do Enter; a barra e a interrogação dependem da tecla ao lado do Shift direito, que falta em muitos notebooks (aí é AltGr+Q e AltGr+W). No americano internacional, colchetes, chaves, barra e barra invertida ficam em teclas próprias, mas aspas e apóstrofo viram teclas mortas e o ç exige ' + c. Se você escreve muito em português, o ABNT2 mantém tudo à mão e vale treinar esses alcances; quem escreve quase só código costuma preferir o americano.
Digitar mais rápido faz programar melhor?
Velocidade de digitação sozinha não faz de você uma pessoa melhor em programação, mas tira um gargalo. Quando digitar não custa esforço, você se concentra totalmente em resolver o problema, em vez de procurar teclas. Menos erros de digitação também significam menos erros de sintaxe, depuração mais rápida e mais tempo no fluxo.
Qual é a velocidade de digitação de quem programa?
A maioria das pessoas que programam profissionalmente digita texto comum a 50–70 PPM · 250–350 CPM. Em código, a velocidade costuma ser 30–50% menor, por causa dos caracteres especiais e dos padrões menos familiares. Praticar exercícios feitos de código pode fechar boa parte dessa diferença e aproximar sua velocidade em código da velocidade em texto.
Posso usar os exercícios com o meu layout de teclado?
Sim. Os exercícios funcionam com qualquer layout de teclado: ABNT2, QWERTY americano, Dvorak, Colemak e outros. Eles mostram os caracteres que você precisa digitar, e você usa o layout configurado no seu sistema. Veja mais na visão geral dos layouts de teclado.
Programe mais rápido, entregue antes
Milhares de pessoas que programam já aceleraram a digitação de código. Grátis para começar, sem precisar de conta.