-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtyping-technique.html
486 lines (486 loc) · 22.5 KB
/
typing-technique.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./assets/style/reset/reset.css" />
<link
rel="stylesheet"
href="./assets/style/typing-technique/typing-technique.css"
/>
<title>Typing Trainer - Typing technique</title>
</head>
<body>
<div class="global-container">
<header class="header">
<div class="header__container">
<h1 class="header__main-headline">Typing Trainer</h1>
<button class="header__burger-menu-btn"></button>
<nav class="header__nav">
<ul class="header__nav-list">
<li class="header__nav-list-item">
<a href="./index.html" class="section-link">
<p class="section-link__text">Start typing</p>
<img
src="./assets/images/start-typing.png"
alt="Start typing"
class="section-link__img"
/>
</a>
</li>
<li class="header__nav-list-item">
<a href="./about-project.html" class="section-link">
<p class="section-link__text">About project</p>
<img
src="./assets/images/about-project.png"
alt="About project"
class="section-link__img"
/>
</a>
</li>
<li class="header__nav-list-item">
<a
href="./sign-in.html"
class="section-link"
id="authorization-link"
>
<p class="section-link__text">Sign in</p>
<img
src="./assets/images/log-in.png"
alt="Sign in"
class="section-link__img"
/>
</a>
</li>
</ul>
</nav>
</div>
</header>
<main class="main">
<div class="main__container">
<h2 class="main__title-main-headline">
Typing Techniques – 5 Skills to Master
</h2>
<h3 class="main__beginners-guide-headline">
A Beginners Guide to Touch Typing Techniques
</h3>
<img
src="./assets/images/typing-technique-img-1.png"
alt="Image Touch typing techniques to improve typing speed and accuracy"
class="main__beginners-guide-img"
/>
<p class="main__text">
Some people type as if they were born with a keyboard under their
fingers, while others struggle with even the simplest of words. If
you’re part of the second category, or even if you’re somewhere
between categories, don’t worry several effective typing techniques
can help you achieve an excellent typing speed.
</p>
<p class="main__text">
Daily practice is certainly required to achieve higher speeds and
greater accuracy. In the end, the results are guaranteed to be worth
it, though. This post will introduce you to the best typing
techniques and includes tips on how to practice them.
</p>
<h3 class="main__touch-typing-headline">
1. Touch Typing Techniques
</h3>
<img
src="./assets/images/typing-technique-img-2.png"
alt="A color coded keyboard to learn touch typing techniques"
class="main__beginners-guide-img"
/>
<p class="main__text">
The most important technique to learn to type faster is touch
typing. This is a technique based on developing muscle memory for
your fingers, and this is done by combining several other typing
techniques into it.
</p>
<p class="main__text">
<span class="main__bold-phrase">Muscle memory</span> – By practicing
regularly your fingers will be able to remember where the letters
are on the keyboard, and you’ll be able to type not only without
looking at the keyboard but also without consciously thinking about
it.
</p>
<p class="main__text">
<span class="main__bold-phrase">Looking at the keys?</span> – At
first, you will need to look at the keyboard, but in time, the need
to look at the keys as you type will diminish. Some will say that
looking at the keyboard should be avoided even at the beginning, but
in my experience, you should only start doing that after you learn
all the keys of the home row.
</p>
<p class="main__text">
<span class="main__bold-phrase">3 Stages</span> – Learning touch
typing is done in three steps: first you learn the home row of your
keyboard, practice it until you know exactly where each letter is
and can easily place your fingers in the correct position without
looking at the keyboard.
</p>
<p class="main__text">
After this, you will learn to master the rows above and below the
home row, the numbers row, and start practicing with special
characters and upper case letters. Finally, the fun part: practicing
on real texts!
</p>
<p class="main__text">
<span class="main__bold-phrase">Tip</span> – To practice typing
techniques you may need a suitable tutor. There are many available
on the market. Here is a review of popular typing software to get
you started.
</p>
<h3 class="main__home-row-headline">
2. Typing Techniques: The Home Row
</h3>
<img
src="./assets/images/typing-technique-img-3.png"
alt="Finger position to learn home row typing technique"
class="main__home-row-img"
/>
<p class="main__text">
You may be wondering what the “home row” is, or you’re probably
thinking that I’m referring to the keys near the “home” key, but I’m
not, and the actual home row is the most important part of your
keyboard and the one you (or rather your fingers) will know by heart
after a couple of training sessions!
</p>
<p class="main__text">
<span class="main__bold-phrase">The home for fingers</span> – It’s
called the home row because this is the home position for your
fingers. This is the position that your fingers will return to after
you finish typing something, and this is the position from which you
will learn how to find all letters and characters on the keyboard.
</p>
<p class="main__text">
<span class="main__bold-phrase">Structure</span> – The home row is
the row starting with the Caps Lock key, and if you look at your
keyboard you will notice two small bumps or lines (depending on your
keyboard) on the “<span class="main__bold-phrase">F</span>” and
“<span class="main__bold-phrase">J</span>” key.
</p>
<p class="main__text">
<span class="main__bold-phrase">Positioning</span> – This is where
your index fingers should reside. Your other fingers should rest on
the keys to the left of the “<span class="main__bold-phrase">F</span
>” key, for your left hand, and on the keys to the right of the
“<span class="main__bold-phrase">J</span>” key, for your right hand.
</p>
<p class="main__text">
<span class="main__bold-phrase">Movements</span> – By doing this,
your pinky fingers should be resting on the “<span
class="main__bold-phrase"
>A</span
>” key and on the “<span class="main__bold-phrase">;</span>” key.
Your thumbs will hover above the space key, and you can use either
one to press it. Don’t try to use both at the same time, because it
quickly gets confusing, trust me!
</p>
<p class="main__text">
<span class="main__bold-phrase">How to practice</span> – Spend some
time getting your fingers familiar with this position, and learning
the keys on the home row. Practice this typing technique each day,
for several hours, until you can hit each key on the home row
without looking at the keyboard.
</p>
<p class="main__text">
<span class="main__bold-phrase">Useful tools</span> – To make this
easier, I encourage you to look for one of the numerous typing tools
available online that allow you to practice the home row. Once you
are comfortable with the position of the keys and you see that
fingers automatically move to the key you want to hit, you are ready
to move on to the next step!
</p>
<p class="main__text">
<span class="main__bold-phrase">Training tip</span> –
Congratulations, you are now the master of the home row! However, if
you try to type anything you will see that the home row is not
enough, and you’re not able to type anything other than “<span
class="main__bold-phrase"
>SAF</span
>“, “<span class="main__bold-phrase">FDS</span>“, “<span
class="main__bold-phrase"
>KFS</span
>” and so on. However, here is a brief list of words using the home
row only.
</p>
<p class="main__text">
Not exactly impressive, after several weeks of exercise, is it?
Well, don’t get disappointed now, because what you’ve done is
solidify the basic part of your training!
</p>
<h3 class="main__top-row-headline">
3. Typing Techniques: The Top Row
</h3>
<img
src="./assets/images/typing-technique-img-4.png"
alt="Keyboard: Typing Rows"
class="main__home-row-img"
/>
<p class="main__text">
Now being familiar with the home row it’s time to move on to the top
row. Did you know the longest words you can type on the Top Row are
Typewriter and Quietwriter?
</p>
<p class="main__text">
<span class="main__bold-phrase">Position</span> – Place your fingers
in their default position on the home row, and look at the key above
each of your fingers. For “<span class="main__bold-phrase">F</span>”
this will be the “<span class="main__bold-phrase">R</span>” key, for
“<span class="main__bold-phrase">J</span>” it will be the “<span
class="main__bold-phrase"
>U</span
>” key, and so on. Each of your fingers should reach to the key
directly above it, and start memorizing it.
</p>
<p class="main__text">
The only exception to this is your index fingers. They should be
able to not only reach the “<span class="main__bold-phrase">F</span
>” and “<span class="main__bold-phrase">J</span>” keys, but also the
keys “<span class="main__bold-phrase">G</span>“, “<span
class="main__bold-phrase"
>H</span
>“, and the keys directly above those as well. This is because your
index finger is the most mobile and it’s easier to cover a larger
number of keys with it.
</p>
<p class="main__text">
<span class="main__bold-phrase">Practicing</span> – Practice this
typing technique until you know the top row just as well as the home
row. Now try practicing with a larger text, and you’ll discover that
suddenly you’re able to type a large number of words, without
looking at the keyboard.
</p>
<p class="main__text">
This is an impressive feat, but you’re still not done! You have a
whole new row to learn, plus the numpad!
</p>
<h3 class="main__bottom-row-headline">
4. Typing Techniques: The Bottom Row
</h3>
<p class="main__text">
The bottom row is possibly the easiest row to master, because by
now, due to all the practice you’ve had, your fingers are much more
used to the motions of typing, and your muscle memory is starting to
develop.
</p>
<p class="main__text">
<span class="main__bold-phrase">Technique</span> – All you have to
do is learn the new letters of the bottom row using the same
principles as the ones used for the top row. Now each of your
fingers needs to learn the keys directly below it. Practice,
practice, and then practice some more, because this is the final
phase of your training!
</p>
<p class="main__text">
After you’re satisfied with your progress and you’re able to type
most regular words without looking at the keyboard, it’s time to
move on to the real deal: texts!
</p>
<p class="main__text">
<span class="main__bold-phrase">Training tip</span> – Exercising
with words is fun, and it’s a perfect way of developing your finger
memory, but the real test is typing a large paragraph from a book.
You can find online tools for this as well, with some really diverse
texts, perfect for getting you used to chain words together.
</p>
<h3 class="main__numpad-headline">5. The Numpad Typing Technique</h3>
<p class="main__text">
The numpad on a full-sized keyboard requires a typing technique in
its own right. If you look at the 5 key you will see the same raised
bar as on the “F” and “J” key. Unlike the home row, that is not the
position for your index finger; it’s your middle finger that needs
to be. Your index finger will rest on the “<span
class="main__bold-phrase"
>4</span
>” key, while your ring finger will be on the “<span
class="main__bold-phrase"
>6</span
>” key.
</p>
<p class="main__text">
The keys directly above and below each finger are also part of their
motion range, and the “<span class="main__bold-phrase">+</span>” or
“<span class="main__bold-phrase">Enter</span>” key can be hit with
either your pinky finger or your ring finger. Your thumb is reserved
for the “<span class="main__bold-phrase">0</span>” key, and I
strongly encourage you not to try to hit any other keys with it!
</p>
<p class="main__text">
For laptops with a horizontal numeric bar, the positions are
slightly different. In general, the left-hand serves the numbers
from 1 to 5, the right hand the numbers and symbols from 6 to 0. In
detail, you use the left pinky for 1, left ring finger for 2., left
middle finger for 3, and the index fingers for 4 and 5. Mirror the
position for the right hand. I give credit to my reader Andy
Harrison.
</p>
<h3 class="main__summary-headline">
Keyboard Techniques – Summary and Tips
</h3>
<img
src="./assets/images/typing-technique-img-5.png"
alt="applying touch typing techniques on a classic typewriter"
class="main__summary-img"
/>
<p class="main__text">
If you want to learn how to type quickly and effectively, there’s no
other method worth looking into other than touch typing!
</p>
<p class="main__text">
Any other method that involves you looking at the keys as you type
will be too slow to be worth it. It may not be the easiest typing
technique available, and it may not be the fastest to learn, but the
results are certainly worth the hard work.
</p>
<p class="main__text">
Once you see a true master at work, typing complex phrases without
looking at the screen or keyboard while also having a conversation
with someone is bound to impress you so much that you won’t want to
learn anything else!
</p>
<h3 class="main__rules-headline">
Keyboarding Techniques – Rules, Position, Advice
</h3>
<ol class="main__rules-list">
<li class="main__rule-wrapper">
Mastering the A, S, D, F, J, K, L, ; keys is the most important
technique.
</li>
<li class="main__rule-wrapper">
Use a color-coded keyboard to know which keys to press during
exercise.
</li>
<li class="main__rule-wrapper">
Trust yourself and locate the key with your finger to build muscle
memory.
</li>
<li class="main__rule-wrapper">
Each row and key is reserved to be hit by certain fingers. Stick
to it!
</li>
<li class="main__rule-wrapper">
Keep fingers to their designated area to lower distance, improve
speed and reduce strain.
</li>
<li class="main__rule-wrapper">
Use the other hand when switching to upper cases to allow
simultaneous typing.
</li>
<li class="main__rule-wrapper">
Focus on accuracy first, speed builds up with practice and
progress.
</li>
<li class="main__rule-wrapper">
Maintain a typing rhythm with similar time intervals for each
keystroke.
</li>
<li class="main__rule-wrapper">
Apply gentle pressure and force when hitting keys to improve
efficacy.
</li>
<li class="main__rule-wrapper">
Always maintain good posture while typing.
</li>
<li class="main__rule-wrapper">
Keep a distance of at least 50 cm between eyes & screen to avoid
health issues.
</li>
<li class="main__rule-wrapper">
Ensure a minimum height of 70 cm for tabletops to allow a healthy
posture
</li>
<li class="main__rule-wrapper">
Practice touch typing techniques regularly to improve accuracy ad
speed.
</li>
</ol>
<h3 class="main__health-tips-headline">
Avoiding RSI syndromes by using correct typing techniques
</h3>
<p class="main__text">
A well-performed and accurate typing technique will also help reduce
the risk of RSI repetitive stress injury, which is also known as the
carpal tunnel. This will require correct hand positioning and smooth
eye-finger muscle communication. Below are some points to remember.
</p>
<ol class="main__rules-list">
<li class="main__rule-wrapper">
Keep your feet on the floor to maintain balance.
</li>
<li class="main__rule-wrapper">
Position your body to the “H” key. Hold your elbows at sides.
</li>
<li class="main__rule-wrapper">
Keep your overall posture in a straight position.
</li>
<li class="main__rule-wrapper">
The chair should be 10-15 cm away from the keyboard.
</li>
<li class="main__rule-wrapper">
Have your fingers curved over the home row keys.
</li>
<li class="main__rule-wrapper">
Remember to keep wrists off the keyboard. You will do this quite
often 🙂
</li>
<li class="main__rule-wrapper">
Eyes should be on the content while fingers locate the keys.
</li>
</ol>
<h3 class="main__other-tips-headline">
Other tips to build proper keyboarding technique
</h3>
<ul class="main__tips-list">
<li class="main__tip-wrapper">
Rule of thumb: 80% is technique, 10% is accuracy, 10% is speed.
</li>
<li class="main__tip-wrapper">
Warm-up hands and fingers before long typing sessions
</li>
<li class="main__tip-wrapper">
Stretch and relax fingers afterward
</li>
<li class="main__tip-wrapper">
Tutors can help improve speed & accuracy by teaching the right
technique.
</li>
<li class="main__tip-wrapper">
Don’t rush through exercises to learn techniques. Practicing is
key.
</li>
<li class="main__tip-wrapper">
Reward yourself for reaching goals or regular exercising
</li>
</ul>
<a
href="https://www.typinglounge.com/typing-techniques"
target="_blank"
class="main__original-article-link"
>Link to original article</a
>
</div>
</main>
<footer class="footer">
<div class="footer__container">
<div class="footer__git-link-wrapper">
<a
href="https://github.com/Shist/Typing-Trainer"
target="_blank"
class="section-link"
>
<img
src="./assets/images/github.png"
alt="GitHub"
class="section-link__img section-link__img_bigger"
/>
<p class="section-link__text">This project on GitHub</p>
</a>
</div>
</div>
</footer>
</div>
<script src="./build/otherBundles/typingTechniquePage.js"></script>
</body>
</html>