Fait pour programmer
Tape du code plus vite
Un entraînement à la dactylographie pensé pour la programmation : tu travailles la vraie syntaxe HTML, CSS et JavaScript au lieu de textes en prose.
const result = await fetch(url);Pourquoi taper du code, c’est différent
En programmation, tu utilises des caractères que les cours de dactylographie habituels ne travaillent presque jamais.
Les symboles sur les claviers AZERTY, suisse et canadien
Les claviers francophones cachent plusieurs des symboles les plus utilisés en programmation derrière Alt Gr, la touche à droite de la barre d’espace, et ne les placent pas tous au même endroit. Voici les combinaisons qui ralentissent le plus quand on tape du code.
- AZERTY français : les accolades sont Alt Gr +
'(touche 4) pour{et Alt Gr +=pour}; les crochets, Alt Gr +((touche 5) pour[et Alt Gr +)pour]. La barre verticale|est Alt Gr +-(touche 6), la barre oblique inverse\Alt Gr +_(touche 8), l’arobase@Alt Gr +à(touche 0) et le dièse#Alt Gr +"(touche 3). - Sur l’AZERTY français, beaucoup de symboles se tapent sans modificateur :
&,",',(,-,_,),=,*,$,!,:,;,,et<(à gauche du W). Les chiffres, eux, demandent Maj, tout comme.,/,?,>et%. Pour=>, tape=puis Maj +<;===et&&se tapent sans Maj. - Le tilde
~(Alt Gr +é) et l’accent grave (Alt Gr +è) sont des touches mortes sur l’AZERTY français : le caractère n’apparaît qu’avec la touche suivante, alors appuie sur la barre d’espace juste après. Même chose pour^sur la touche à droite du P ; Alt Gr +ç(touche 9) le donne directement. - AZERTY belge :
{et}sont Alt Gr +ç(touche 9) et Alt Gr +à(touche 0),[et]Alt Gr +^et Alt Gr +$, à droite du P.|est Alt Gr +&(touche 1),@Alt Gr +é(touche 2),#Alt Gr +"(touche 3) et\Alt Gr +<. Le=est sans Maj, en bas à droite, et le tilde (Alt Gr +=) est une touche morte. - Suisse romand (QWERTZ) : les chiffres se tapent sans Maj, mais
{est Alt Gr +à,}Alt Gr +$,[Alt Gr +èet]Alt Gr +¨.@est Alt Gr + 2,#Alt Gr + 3,|Alt Gr + 7 et\Alt Gr +<. Les parenthèses sont Maj + 8 et 9,=Maj + 0 et/Maj + 7. - Canadien français (QWERTY) :
{est Alt Gr + la dernière touche de la rangée de base et}Alt Gr + la dernière touche de la rangée supérieure, qui donne<sans Maj et>avec Maj.[et]sont Alt Gr +^et Alt Gr +¸, à droite du P.@est Alt Gr + 2,\Alt Gr +#(à gauche du 1) et|Maj +#.
C’est pourquoi beaucoup de personnes qui programment passent au QWERTY américain : accolades, crochets et barre oblique inverse s’y tapent sans Alt Gr, mais é, è, à, ç et les autres accents ne sont plus à portée de main. Ici, toutes les dispositions fonctionnent, car les exercices montrent seulement les caractères : tu tapes avec la disposition réglée sur ton système. La comparaison est sur les pages AZERTY, QWERTZ et QWERTY.
Les langages disponibles
Entraîne-toi sur les langages que tu utilises vraiment.
HTML5
DisponibleTravaille les balises, les attributs, les entités et la structure du document. Fais entrer dans ta mémoire musculaire les chevrons, les guillemets et les balises fermantes.
CSS3
DisponibleTape des sélecteurs, des propriétés, des valeurs et des media queries. Entraîne les deux-points, les points-virgules, les accolades et les unités comme px, rem et %.
JavaScript (ES6)
DisponibleTravaille la syntaxe moderne de JavaScript : fonctions fléchées, gabarits de chaînes, déstructuration, async/await et motifs d’API courants.
TypeScript
BientôtAnnotations de type, interfaces, génériques et gardes de type : toute la syntaxe que TypeScript ajoute à JavaScript.
Python
BientôtTravaille la syntaxe de Python : structure par indentation, listes en compréhension, f-strings, décorateurs et motifs courants des bibliothèques.
Pourquoi les personnes qui programment s’entraînent à taper du code
Moins de fautes de frappe = moins de bugs
Les erreurs de syntaxe dues à des caractères mal tapés sont une des sources de bugs les plus courantes. Quand tu tapes du code avec précision et de mémoire, tu perds moins de temps à chercher les points-virgules oubliés, les accolades non fermées et les noms de variables mal orthographiés.
Taper plus vite = mieux travailler
Une personne qui programme passe en moyenne 4 à 6 heures par jour à écrire et à modifier du code. Même 20 % de vitesse en plus font gagner un temps notable. Surtout, taper vite te garde dans cet état de concentration où les idées passent directement dans le code.
De la vraie syntaxe, pas de la prose
Les cours de dactylographie habituels apprennent à taper des phrases. Mais le code, ce n’est pas du français. Il te faut taper vite { }, [ ], ( ), =>, ===, &&, || et des dizaines d’autres motifs, dont beaucoup passent par Alt Gr sur les claviers francophones. Nos exercices utilisent du vrai code : tu t’entraînes exactement sur ce qui compte.
Comment ça marche
Choisis un langage
Choisis HTML, CSS ou JavaScript. Chaque cours se concentre sur la syntaxe et les motifs propres à ce langage.
Tape du vrai code
Chaque exercice montre un extrait de vrai code. Tu le tapes exactement tel qu’il apparaît, et tu t’habitues à la syntaxe que tu utilises tous les jours.
Suis ta vitesse
Après chaque exercice, tu vois ta vitesse en MPM et en CPM et ta précision. Tu remarques ainsi que tu tapes du code plus vite à mesure que les caractères spéciaux deviennent automatiques.
Questions fréquentes
Pourquoi la dactylographie est-elle différente quand on programme ?
La programmation demande sans arrêt des caractères spéciaux comme les parenthèses, les crochets, les accolades, les points-virgules, les flèches et les opérateurs, qui apparaissent à peine dans un texte ordinaire. Les cours de dactylographie habituels se concentrent sur les lettres et la ponctuation courante, et justement les caractères que tu utilises le plus dans le code restent sans entraînement. S’entraîner à taper du code fait travailler précisément ces motifs.
Sur quels langages de programmation puis-je m’entraîner ?
Pour l’instant, The Typing Cat propose des cours de frappe de code pour HTML5, CSS3 et JavaScript (ES6). Les cours TypeScript et Python sont en préparation. Chaque cours utilise une vraie syntaxe et les motifs courants du langage : tu t’entraînes exactement sur ce que tu tapes tous les jours.
Pour programmer, vaut-il mieux un clavier AZERTY ou QWERTY ?
Les deux fonctionnent. Sur l’AZERTY français et belge, accolades, crochets, barre oblique inverse et @ passent par Alt Gr, et les chiffres demandent Maj. Le suisse romand et le canadien français ont les chiffres sans Maj, mais gardent les accolades et les crochets sur Alt Gr. Le QWERTY américain met tous ces symboles à portée sans Alt Gr, au prix des accents. Si tu écris beaucoup en français, garde ta disposition et entraîne ses combinaisons ; si tu tapes presque uniquement du code, le QWERTY américain te met les symboles plus à portée de main.
Taper plus vite me rend-il meilleur en programmation ?
La vitesse seule n’améliore pas ton code, mais elle supprime un goulot d’étranglement. Quand taper ne demande plus d’effort, tu te concentres entièrement sur le problème au lieu de chercher les touches. Moins de fautes de frappe, c’est aussi moins d’erreurs de syntaxe, un débogage plus rapide et plus de concentration.
À quelle vitesse tapent les personnes qui programment ?
La plupart des personnes qui programment par métier tapent du texte ordinaire à 50–70 MPM (250–350 CPM). Sur du code, elles sont souvent 30 à 50 % plus lentes, à cause des caractères spéciaux et des motifs inhabituels. Des exercices ciblés sur le code peuvent réduire nettement cet écart et rapprocher ta vitesse sur du code de ta vitesse sur du texte.
Les exercices fonctionnent-ils avec ma disposition du clavier ?
Oui. Les exercices fonctionnent avec n’importe quelle disposition : AZERTY français ou belge, suisse romand, canadien français, QWERTY, Dvorak, Colemak et d’autres. Ils montrent les caractères à taper, et tu utilises la disposition réglée sur ton système. Pour en savoir plus, consulte le guide des dispositions du clavier.
Tape du code plus vite
Des milliers de personnes qui programment tapent déjà leur code plus vite. Le test de frappe est gratuit et ne demande pas de compte.